English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство font-family CSS используется для установки шрифта текстового содержимого элемента. Свойство font-family должно содержать несколько имен шрифтов в качестве «резервного» системы. Сначала используется нужный шрифт, а затем, если он недоступен, используются резервные шрифты по порядку.
Вы должны использовать общую семейство шрифтов для завершения этого списка, у него есть 5 шрифтов, например: arial, sans-serif, monospace, cursive, fantasy. В таблице приведены примеры использования и история версий этого свойства, а также его использование в скриптах JavaScript. monospacecursive
| Значение по умолчанию: | Зависит от браузера |
|---|---|
| Применяется к: | Все элементы |
| Инheritирование: | Да |
| Анимация возможна: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| Синтаксис JavaScript: | object.style.fontFamily="arial,sans-serif" |
Грамматика этого свойства такая:
font-family: [ family-name | generic-family ] [, family-name | generic-family ]one or more pairs | initial | inherit
Пример демонстрирует, как использовать атрибут font-family.
body {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-family: "Times New Roman", Times, serif;
}Проверьте, ›/‹Примечание:Если имя семейства шрифтов содержит более одного слова, оно должно быть заключено в кавычки, например font-family: "Times New Roman", Serif; и т.д.
Для более часто используемых комбинаций шрифтов см.CSS безопасные шрифты.
Таблица ниже описывает значения этого свойства.
| Значение | Описание |
|---|---|
| family-name | Название семейства шрифтов. Например "Times" и "Helvetica". Названия шрифтов, содержащие пробелы, должны быть заключены в двойные кавычки. |
| generic-family | Когда не удается использовать необходимый выбор шрифта, универсальные семейства шрифтов могут использоваться в качестве обычного механизма fallback. Поскольку имена универсальных шрифтов являются ключевыми словами, их нельзя заключать в кавычки. Универсальные семейства шрифтов должны быть последним выбором в списке названий семейств шрифтов. Определены следующие универсальные серии:
Узнайте оКомбинация шрифтовБолее подробная информация. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если указано, то связанные элементы используют значение свойства font-family родительского элемента. |
Совместимость браузеров для свойства font-family, числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, обратитесь к следующим руководствам:CSS шрифты,CSS текст.
Связанные свойства и правила:font,font-style,font-variant,font-weight,font-size,
line-height,@font-face.