Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство font-family | назначение, допустимые значения, примеры

Свойство font-family

Последнее обновление: 05.01.2011

Свойство font-family задает имя шрифта, которым будет отображен текст внутри элемента. Если в имени шрифта встречается пробел (например, Times New Roman), оно должно быть заключено в одинарные или двойные кавычки («Times New Roman»).

Допускается перечисление нескольких названий шрифтов. В этом случае браузер перебирает по очереди названия шрифтов, первый, который обнаружил установленным в операционной системе пользователя, применит для отображения текста. Дополнительно можно в конце списка, указать тип шрифта. Если браузер не найдет нужных шрифтов он применит шрифт на свое усмотрение, но того типа, который указан.

Допустимые значения

  • — название шрифта
  • :
    • serif — шрифты с засечками (напрмиер, Times)
    • sans-serif — рубленные шрифты (без засечек например, Arial)
    • cursive — курсивные шрифты;
    • fantasy — декоративные шрифты;
    • monospace — моноширинные шрифты
  • inherit — наследует значение от родителя
Значение по умолчанию зависит от браузера
Применимо ко всем элементам
Наследование да
Версия CSS CSS 1
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 6 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример


p {
font-family: Tahoma, Arial, sans-serif;
}


Твой код:

Результат: