Свойство font - это универсальный инструмент, позволяющий задавать сразу несколько параметров шрифта одним выражением. Для этого используются специальные ключевые слова: caption, icon, menu, message-box, small-caption, status-bar либо перечисление собственных значений. Как и в любом универсальном свойстве, значения, которые не указаны явно, берутся из стилей по умолчанию. Однако у свойства font есть несколько правил: - font-size и font-family обязателен к указанию;
- размер строки (line-height) задаётся сразу после размера шрифта через косую черту (слэш) – "/";
- если применяются свойства font-style, font-variant и font-weight, они должны появляться перед размером шрифта;
- font-family ставится последним, а значение “inherit” здесь недопустимо.
| Значение по умолчанию: | не определено | | Наследуется: | да | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.font="italic small-caps bold 12px arial,sans-serif" | | Значение | Описание | | font-style | Определяет стиль шрифта. Смотрите возможные значения у свойства font-style. | | font-variant | Указывает разновидность шрифта. Смотрите возможные значения у свойства font-variant. | | font-weight | Определяет жирность шрифта. Смотрите возможные значения у свойства font-weight. | | font-size/line-height | Задает размер шрифта и высоту строки. Смотрите возможные значения у свойств font-size и line-height. | | font-family | Указывает семейство шрифта. Смотрите возможные значения у свойства font-family. | | caption | Шрифт, используемый для текста элементов управления (кнопок, списков и т.п.). | | icon | Шрифт под иконками. | | menu | Шрифт в раскрывающихся меню. | | message-box | Шрифт для диалоговых окон. | | small-caption | Уменьшённый вариант caption для небольших элементов. | | status-bar | Шрифт строки состояния окна. | | inherit | Указывает, что значение наследуется от родительского элемента. | Пример html Пример демонстрирует, как можно изменить текст на странице с помощью свойства font. С помощью свойства font можно отредактировать текст, например поменяв толщину шрифта, его размер и высоту строки. |