CSS – Шрифты

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!

0

Автор публикации

не в сети 1 день

Vapi

0
Комментарии: 19Публикации: 111Регистрация: 14-04-2017

Понравилась статья? Поблагодари автора, накорми печеньками! :)

Добавить комментарий