CSS свойство font-family, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-5818911Перейти к справке CSS

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

}

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

Свойство CSS font-family задает семейство шрифта для элемента.

Свойство font-family может содержать несколько названий шрифтов, отделенных запятыми. Несколько шрифтов указываются на тот случай, если у пользователя на компьютере не установлен какой-либо шрифт. В этом случае браузер пробует отобразить следующий шрифт из списка.

Значение свойства font-family состоит из двух частей:

  • название шрифта — «Arial», «Courier», «Times New Roman»
  • название семейства — «Serif», «Sans-Serif», «Cursive», «Fantasy», «Monospace».

Сначала задается желаемый шрифт (шрифты), последним должно идти название семейства, если ни один из указанных вами шрифтов не установлен на компьютере пользователя, браузер выберет шрифт из указанного вами семейства.

Заметка: названия шрифтов отделяются запятыми.

Заметка: если в названии шрифта есть пробел (times new roman), название надо заключить в кавычки. Одинарные кавычки (‘) используются, например, если вы задаете шрифт через атрибут style в HTML.

Значение по умолчанию нет
Наследование да
Версия CSS CSS 1
Синтаксис JavaScript object.style.fontFamily=»arial,sans-serif»

Поддержка в браузерах

chrome-5597867 firefox-1198466 ie-2718042 opera-8983240 safari-4936215
Свойство font-family поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства font-family

Значение Описание

название шрифта

название семейства

Список предпочитаемых шрифтов, в порядке от самого предпочтительного к менее предпочтительному, в конце списка обязательно указывается семейство шрифтов
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Форматирование шрифта текста

Справка CSS: Свойство font

up_violet-5818911Перейти к справке CSS