font-size

Устанавливает размер шрифта.

Популярный, но не обязательный подход к установке размера шрифта font-size: 62.5% у элемента <body>. Если у <html> установлен размер по умолчанию 16px, то размер <body> становится равен 1em = 10px.

Если вам нужно установить у текста размер шрифта 18px — вместо этого вы пишите font-size: 1.8em;. Если нужен 9px — font-size: 0.9em;.

Это позволяет использовать более правильные em, нежели px.

Примеры

Значения

Значение	Описание
размер	Размер шрифта в единицах измерения. Для `em` размер шрифта будет зависить от родительского элемента. Для `rem` от корневого `<html>`. Рекомендуется размер задавать в `em` и `rem`. Используется чаще всего.
процент	Процентное значение от размера шрифта родительского блока. Не может быть отрицательным.
larger	Устанавливает размер больше, чем размер шрифта у родительского элемента.
smaller	Устанавливает размер меньше, чем размер шрифта у родительского элемента.
xx-small, x-small, small, medium, large, x-large, xx-large	Абсолютные размеры шрифта. По умолчанию medium.
inherit	Наследует значение родительского блока.
initial	Устанавливает значение по умолчанию.