Как увеличить шрифт в css
Ответы
Константин Волков
15 мая 2024
На мой взгляд предыдущий ответ вводит в заблуждение. В примере выше увеличение значения шрифта для body не повляет на увеличение заголовка, так как его размер задан в rem.
Следующий пример сформирует зависимость размера шрифта элемента от размера шрифта у body
body {
font-size: 16px;
}
.txt {
font-size: 1.5em;
}
Теперь увеличивая font-size для body шрифт указанный в .txt будут больше в полтора раза чем в body
3
0
Roman Ashikov
11 августа 2022
Размером шрифта можно управлять с помощью свойства font-size
.
/* Размер основного шрифта страницы*/
body {
font-size: 1.3rem;
}
/* Размер шрифта заголовка первого уровня*/
h1 {
font-size: 2rem;
}
Здесь для определения размера используется единица rem. Если значение rem для <html>
не задано, то оно принимается за 1rem, и все остальные размеры задаются относительно него. Таким образом, например, 1.2rem увеличит размер шрифта на 20%.
1
0