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

❮ Назад Вперед ❯

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

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

Есть два вида названия шрифтов:

Название семейства (family-name): имя семейства шрифтов (например, "times", "courier", "arial" и т. д.).

Общее название (generic-family): имя общего семейства (например, "serif", "sans-serif", "cursive", "fantasy", "monospace").

Если в названии шрифта использован пробел, название должно быть заключено в кавычки (например, "Courier New").

Для использования нестандартных шрифтов необходимо применить свойство @font-face.

Значение по умолчанию	Зависит от браузера.
Применяется	Ко всем элементам, а также к ::first-letter и::first-line.
Наследуется	Да
Анимируемое	Нет
Версия	CSS1
DOM Syntax	object.style.fontFamily = "Verdana,sans-serif";

Синтаксис

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

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p {
      font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства font-family</h2>
    <p>Для этого текста использовано семейство "Lucida Grande".</p>
  </body>
</html>

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

Значения

Значение	Описание
family-name generic-family	Приоритетный список названий семейства шрифтов и/или общее имя шрифтов.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.