- Сообщения
- 1 980
- Реакции
- 413
- Баллы
- 103
Свойство 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 шрифтов.
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>