Обратите внимание: значение "inherit" не поддерживается в IE7 и более ранних версиях.

Свойство font-family - это ваш инструмент для точного управления внешним видом текста, позволяя задать конкретный шрифт внутри элемента. У вас есть два основных пути для этого:

• family-name (название шрифта) - прямое указание конкретного шрифта из семейства, например: times, courier, arial, и т.д. Важно помнить: если в названии шрифта есть пробелы, обязательно заключайте его в одиночные или двойные кавычки, как здесь: "Times New Roman".
• generic-family (семейство шрифтов) - это универсальный набор шрифтов с похожими чертами. В любой операционной системе по умолчанию доступны следующие семейства: "serif", "sans-serif", "cursive", "fantasy", "monospace".

Давайте разберем, что скрывается за этими стандартными семейством:

• serif - классические шрифты с засечками
• sans-serif - современные и лаконичные шрифты без засечек
• cursive - изящные шрифты, полные плавных линий и декоративных завитушек, имитирующие рукописный почерк
• fantasy - яркие художественные и выразительные декоративные шрифты
• monospace - технические моноширинные шрифты, где каждый символ занимает одинаковую фиксированную ширину

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

Чтобы избежать визуального хаоса и гарантировать читаемость, свойство font-family дает нам возможность указать не один, а целый список шрифтов-кандидатов. Их названия разделяются запятыми. Стратегия проста и эффективна: начинайте со своего любимого (приоритетного) шрифта, а в самом конце списка обязательно указывайте семейство шрифтов. Это «страховка», которая позволит браузеру подобрать самый подходящий вариант из доступных.

Логика работы браузера следующая: он сначала проверяет наличие первого указанного шрифта на компьютере пользователя. Если его там нет, переходим ко второму и так далее. Если ни один специфический шрифт не найден, браузер берется за поиск подходящего варианта из указанного семейства. А если даже семейство не задано или оно тоже недоступно, в дело вступает системный шрифт по умолчанию.

Чаще всего при указании свойства font-family, используют .

Если вы хотите использовать уникальный, нестандартный шрифт, который вряд ли установлен у большинства посетителей, не забывайте комбинировать свойство font-family с правилом .

Синтаксис и значения свойства

font-family: имя шрифта [, имя шрифта[, ...]] | inherit;