Устанавливает размер шрифта.
Популярный, но не обязательный подход к установке размера шрифта 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 | Устанавливает значение по умолчанию. |
Поддержка браузерами
НастольныеМобильные
font-size
1
12
1
5.5
7
1
18
4
10.1
1
1.0
1
rem
значения31
12
31
11
9-10
28
7
42
31
28
7
4.0
4.1
xxx-large
ключевое слово79
79
70
нет
нет
нет
79
нет
нет
нет
12.0
79
Поддерживается: Да Нет