Книга: HTML, XHTML и CSS на 100%

Семейство шрифта

Семейство шрифта

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

Семейство – это группа шрифтов, созданных с использованием сходных принципов дизайна и внешнего вида. В CSS есть пять основных групп: serif, sans-serif, monospace, fantasy, cursive.

Примечание

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

Для примера зададим шрифт текста абзацев Trebuchet MS и группу, к которой относится данный шрифт, sans-serif (рис. 8.4):

p {

font-family: "Trebuchet MS", sans-serif;

}

В примере, изображенном на рис. 8.4, показано окно браузера в системе, где установлен шрифт Trebuchet MS.


Рис. 8.4. Установка шрифта

Внимание!

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

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

• serif – Times New Roman, Garamond, Georgia;

• sans-serif – Trebuchet, Arial, Verdana;

• monospace – Courier, Courier New, Andale Mono.

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

Оглавление книги


Генерация: 1.284. Запросов К БД/Cache: 3 / 1
поделиться
Вверх Вниз