Свойство font-family в CSS

Определение и использование

font-family определяет шрифтовую систему элемента.

font-family может использовать несколько имен шрифтов в качестве системы «отказов». Если браузер не поддерживает первый шрифт, он попробует следующий. То есть, значение атрибута font-family — это список предпочтений для названия семейства шрифтов или класса шрифтов для определенного элемента. Браузер использует первое значение, которое он может распознать.

Есть два типа имен семейств шрифтов:

  • Указанные имена семейств: конкретные имена шрифтов, например: "times", "courier", "arial".
  • Обычные имена семейств шрифтов: например: "serif", "sans-serif", "cursive", "fantasy", "monospace"

Совет:Разделяйте каждый значений запятыми и всегда предоставляйте имя класса в качестве последнего выбора.

Внимание:Полное использование определенного семейства шрифтов (Geneva) зависит от того, доступно ли это семейство шрифтов на машине пользователя; этот атрибут не указывает на загрузку任何 шрифтов. Поэтому рекомендуется использовать общее имя семейства шрифтов в качестве запасного варианта.

См. также:

Урок CSS:Шрифты CSS

Руководство по CSS:Свойство font в CSS

Руководство по HTML DOM:атрибут font

Пример

Установить шрифт для абзаца:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Попробуйте сами

CSS синтаксис

font-family: family-name|generic-family|initial|inherit;

Значение атрибута

Значение Описание
  • family-name
  • generic-family

Список предпочтений для названия семейства шрифтов или и класса шрифтов для определенного элемента.

Значение по умолчанию: зависит от браузера.
inherit Определяет, что шрифтовая система должна быть получена от родительского элемента.

Технические детали

Значение по умолчанию: не указано
Ингерит: да
Версия: CSS1
JavaScript синтаксис: объект.style.fontFamily="arial,sans-serif"

Пример для试验а

Настройка шрифта текста
Этот пример демонстрирует, как можно установить шрифт текста.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5