CSS – Шрифты

[anonymous]

Свойство 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. В коде это будет выглядеть так:

<p class="someclass" style="font: 12pt/10pt Bold Gothic">
Дед мороз, дед мороз,
Дед нам елочку принес,
А на ней фонарики,
Золотые шарики...
</p>

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