Свойство font-size в CSS

размер шрифта

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

Популярный, но не обязательный подход к установке размера шрифта 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 Устанавливает значение по умолчанию.

Поддержка браузерами

НастольныеМобильные
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Android
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
Поддерживается: Да Нет
Получай полезные материалы удобным способом!
Добавить комментарий