Как увеличить шрифт в css

На мой взгляд предыдущий ответ вводит в заблуждение. В примере выше увеличение значения шрифта для body не повляет на увеличение заголовка, так как его размер задан в rem.

Следующий пример сформирует зависимость размера шрифта элемента от размера шрифта у body

body {
  font-size: 16px;
}

.txt {
  font-size: 1.5em;
}

Теперь увеличивая font-size для body шрифт указанный в .txt будут больше в полтора раза чем в body

3 0
Аватар пользователя Roman Ashikov
Roman Ashikov
11 августа 2022

Размером шрифта можно управлять с помощью свойства font-size.

/* Размер основного шрифта страницы*/
body {
  font-size: 1.3rem;
}

/* Размер шрифта заголовка первого уровня*/
h1 {
  font-size: 2rem;
}

Здесь для определения размера используется единица rem. Если значение rem для <html> не задано, то оно принимается за 1rem, и все остальные размеры задаются относительно него. Таким образом, например, 1.2rem увеличит размер шрифта на 20%.

1 0
Познакомьтесь с основами HTML и CSS бесплатно

Похожие вопросы