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

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

Гарнитура	Размер	Начертание	Оформление
font-family	font-size	font-weight	text-decoration

Каждое семейство состоит из набора шрифтов, обладающих общими характеристиками. Существует всего пять семейств шрифтов:

sans-serif
serif
monospace
cursive
fantasy

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

Семейство sans-serif содержит шрифты без засечек: Verdana, Arial, Arial Black, Geneva, Trebuchet MS.

В семейство serif входят шрифты с засечками: Times, Times New Roman, Georgia.

Семейство monospace состоит из шрифтов, символы которых имеют одинаковую фиксированную ширину: Courier, Courier New, Andale Mono. Эти шрифты используются в основном для отображения примеров кода программ.

Семейство cursive состоит из шрифтов, буквы в которых подобны рукописным: Comic Sans, Apple Chancery.

Семейство fantasy состоит из художественных и декоративных шрифтов: Last Ninya, Impact. Эти шрифты не очень широко распространены, доступны не на всех компьютерах и редко используются для серьезного веб-дизайна.

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

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

Свойств font-family дает возможность задать список предпочтительных шрифтов. Например,

body {

font-family: Verdana, Geneva, Arial, sans-serif;

}

Как работает браузер в этом случае? Браузер сначала проверяет, установлен ли шрифт Verdana на компьютере, и, если да, использует его в качестве шрифта для элементы (в данном случае для элемента <body>). Если Verdana не установлен, то ищет шрифт Geneva. В случае успешного поиска использует его для <body>. Если и Geneva не установлен, то ищет шрифт Arial. Если он имеется на вашем компьютере, то браузер применит его для <body>. И наконец, если ни один из указанных шрифтов не найден, применяется шрифт sans-serif, который считается браузером установленным по умолчанию.

Вам не обязательно указывать четыре взаимозаменяемых шрифта. Можете указать два, три и т.п. Использовать только один, применяемый по умолчанию шрифт (sans-serif) не желательно, потому что это не дает возможности в полной мере контролировать шрифты, которые будут использованы.