CSS — Шрифты

Свойство Font в CSS является универсальным и позволяет использовать внутри сразу несколько характеристик и параметров для текста. В этом небольшом посте разберемся как работает это свойство. Так же затронем некоторые темы, которые относятся к этому свойству.

CSS — Шрифты

Font это универсальное свойство, которое имеет несколько параметров для форматирования текста:

font-style — определяет начертание текста.
font-size — определяет размер текста.
font-family — позволяет изменить стиль шрифта.
font-variant — определяет представление для строчных букв. Оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ изменения символов называется капителью.
font-weight — определяет насыщенность текста. Диапазон значений от 100 до 900.
font-stretch — устанавливает узкое, нормальное или широкое начертание шрифта, что позволяет уплотнять или расширять текст.

В качестве обязательных значений font принимает размер шрифта и его семейство. Все остальное указывается опционально по желанию.

Принимаемые значения:

inherit — наследует значение родительского блока.
caption — шрифт для текста элементов форм.
icon — шрифт для текста под иконками.
menu — шрифт для меню.
message-box — шрифт для диалоговых окон.
small-caption — шрифт для подписей небольших элементов управления.
status-bar — шрифт состояния.

Давайте напишем блок, со шрифтом Tahoma, размером 12pt и назначим интерлиньяж 14pt. В коде это будет выглядеть так:

Теперь давайте взглянем на это визуально:

Дед мороз, дед мороз,
Дед нам елочку принес,
А на ней фонарики,
Золотые шарики…

Как видите можно создать любое форматирование для абзаца/блока с помощью настройки css шрифтов.

На этом статью закончу. Все остальные параметры будут разобраны отдельно. Спасибо за внимание! Не забывайте про ВК и наш youtube!