font-family

Пример

Указывает шрифт для параграфа:

<html>
<head>
<meta charset="utf-8" />
<style>
     p.serif{ font-family:"Times New Roman",Times,serif; }
     p.sansserif{ font-family:Arial,Helvetica,sans-serif; }
</style>
</head>
<body>
<h1>Семейство шрифтов CSS</h1>
<p class="serif">Это параграф показан в шрифте Times New Roman.</p>
<p class="sansserif">Это параграф показан в шрифте Arial.</p>
</body>
</html>

Результат выполнения кода выше:

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

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

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

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

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

имя семейства - Имя семейства шрифтов, как "times", "courier", "arial", и т.д.
общая семья - Имя общей семьи, как "serif", "sans-serif", "cursive", "fantasy", "monospace".

Начните с шрифта, который вы хотите, и всегда заканчивайте общей семьей, чтобы браузер мог выбрать аналогичный шрифт в общей семье, если нет других доступных шрифтов.

Примечание: Отделяйте каждое значение запятой.

Примечание: Если имя шрифта включает пробелы, оно должно быть заключено в кавычки. Одинарные кавычки должны быть использованы при использовании атрибута "style" в HTML.

Значение по умолчанию:	не указано
Унаследованный:	да
Версия:	CSS1
Синтакс JavaScript:	`object.style.fontFamily="arial,sans-serif"`

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

Свойство font-family поддерживается во всех ведущих браузерах.

Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение "inherit".

Значения свойства

Значение	Описание
имя семьи общая семья	Приоритетный список имен семейств шрифтов и/или общие имена семейств
inherit	Указывает, что шрифт должен быть унаследован от родительского элемента

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

CSS пособие: CSS Шрифт

CSS ссылка: font

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет