Свойство FONT-FAMILY
| Браузер | Internet Explorer | Firefox | Mozilla | Opera | Netscape | Safari | |||||||
| Версия | 5.5 | 6.0 | 7.0 | 1.0 | 2.0 | 1.7 | 7.0 | 8.0 | 9.0 | 6.0 | 7.0 | 8.0 | 1.0 |
| Поддержка |  |
|
|
|
|
|
|
|
|
|
|
|
|
Краткая информация
| CSS | CSS1 |
| Значение по умолчанию | Шрифт, установленный в браузере по умолчанию. Обычно это Times New Roman. |
| Наследование | Да |
| Применяется | Ко всем элементам |
| Аналог HTML | <font face="..."> |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family |
Описание
Задает семейство шрифта, которое будет использоваться для оформления текста содержимого. Можно задать список шрифтов, разделенных запятов. Если в имени шрифта содержатся пробелы, например, Trebuchet MS, оно должно заключаться в одинарные или двойные кавычки.
Когда браузер встречает первый шрифт в списке, он проверяет его наличие на компьютере пользователя. Если такого шрифта нет, берется следующее имя из списка и также анализируется на присутствие. Поэтому несколько шрифтов увеличивает вероятность, что хотя бы один из них будет обнаружен на клиентском компьютере. Заканчивают список обычно ключевым словом, которое описывает тип шрифта - serif, sans-serif, cursive, fantasy или monospace. То есть, последовательность шрифтов лучше начинать с экзотических типов и заканчивать обобщенным именем, которое задает вид начертания.
Синтаксис
Аргументы
Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:
serif - шрифты с засечками (антиквенные), типа Times;
sans-serif - рубленные шрифты (шрифты без засечек или гротески), типичный представитель - Arial;
cursive - курсивные шрифты;
fantasy - декоративные шрифты;
monospace - моноширинные шрифты, ширина каждого символа в таком семействе одинакова.
Пример
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>font-family</title>
<style type="text/css">
H1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
}
P {
font-family: Georgia, 'Times New Roman', Times, serif;
}
</style>
</head>
<body>
<h1>Успешное ведение бизнеса</h1>
<p>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт). </p>
</body>
</html>