Свойство font
Последнее обновление: 05.01.2011
Свойство font — сокращенный способ задать несколько свойств шрифта: font-style, font-variant, font-weight, font-size, line-height и/или font-family (тип шрифта, как отобразить первую букву, жирность, размер, высоту строки, имя шрифта).
Допустимые значения
В дополнение к значениям свойств font-style, font-variant, font-weight, font-size, line-height и/или font-family доступны следующие системные значения:
- caption — тот же шрифт, что используется в операционной системе для элементов управления (например кнопок, выпадающих меню и т.п)
- icon — для подписи иконок
- menu — для элементов меню
- message-box — для диалоговых сообщений
- small-caption — для малых элементов управления
- status-bar — для статусной строки браузера
- inherit — наследует значение от родителя
| Значение по умолчанию | не определяется для составных свойств |
|---|---|
| Применимо | ко всем элементам |
| Наследование | да |
| Версия CSS | CSS 1 |
| Поддерживается браузерами |
|
Пример
span {
font: italic normal bold 100%/1.2em Tahoma, Arial, sans-serif;
}
p {
font: status-bar;
}
Твой код:
Результат:
большой полигон
Заметки
- порядок имеет значение — первыми идут font-style, font-variant, font-weight не важно в каком порядке, далее пара font-size/line-height, затем font-family
- обязательным является указание имени шрифта (font-family) и его размера (font-size) (кроме тех случаев, когда используется системные значения)
По теме
- Верстальщику о шрифтах. Часть I: Безопасные шрифты
- Верстальщику о шрифтах. Часть II: Соответствия шрифтов Windows, Mac и Unics/Linux
- Нестандартный шрифт. Быть ему или нет?
- Безопасные шрифтовые CSS стеки для рунета
- Безопасные шрифтовые CSS стеки для англоязычных текстов
- Cufon — нестандартный шрифт средствами JS
- @font-face. Нестандартный шрифт средствами CSS
Показать комментарии