Шрифты

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

Вы, вероятно, хорошо знакомы со шрифтами Times. Однако Times на самом деле является сочетанием многих вариантов, включая TimesRegular, TimesBold, TimesItalic, TimesOblique, TimesBoldItalic, TimesBoldOblique и т. д. Каждый из этих вариантов шрифта Times является гарнитурой шрифта (font face), а Times, как мы обычно полагаем, есть сочетание всех этих гарнитур. Иначе говоря, Times на самом деле представляет собой семейство шрифтов (font family), а не отдельный шрифт, даже несмотря на то, что большинство из нас рассматривает шрифты как отдельные сущности.

В дополнение к каждому отдельному семейству шрифтов, например Times, Verdana, Helvetica или Arial, CSS определяет пять базовых семейств шрифтов:

Шрифты с засечками (Serif)

Шрифты с засечками, или антиква (Serif) - Это пропорциональные шрифты, имеющие засечки. Шрифт считается пропорциональным, если все его символы имеют различную ширину из за разницы в их размерах (ширина строчных букв i и m различна). Засечки – это украшения на концах линий каждого символа, например черточки сверху и снизу строчной буквы l или в основании каждой из «ножек» прописной A. К шрифтам с засечками относятся, в частности: ( Times, Georgia и

New Century Schoolbook )

Рубленые шрифты, или гротески (Sans serif)

Это пропорциональные шрифты без засечек.

Примеры – Helvetica, Geneva, Verdana, Arial и Univers.

Моноширинные (Monospace) шрифты

Моноширинные шрифты – непропорциональны. Они обычно применяются для имитации машинописного текста, распечаток на старых

матричных принтерах и древних

видеотерминалах. В этих шрифтах абсолютно все символы имеют одинаковую ширину, поэтому ширина строчной буквы i такая же, как и у

строчной m. Эти шрифты могут иметь, а могут и не иметь засечки. Если ширина символов

шрифта постоянна, он классифицируется как

моноширинный независимо от наличия засечек. Примеры моноширинных

шрифтов: Courier, Courier New и Andale Mono.

Рукописные (Cursive) шрифты

Эти шрифты представляют собой попытку

имитации человеческого почерка. Обычно они состоят преимущественно из кривых и украшены

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

«ножки» или вся она могла бы состоять из наклонных линий и завитков. Примеры

рукописных шрифтов: Zapf Chancery, Author и Comic Sans.

Аллегорические шрифты

Подобные шрифты нельзя охарактеризовать как либо более или менее определенно, можно лишь констатировать невозможность отнести их к одному из известных семейств шрифтов. Это, например, Western, Woodblock и Klingon.

Резюме:

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

Работа с базовыми семействами шрифтов

Шрифты любого из упомянутых семейств могут быть использованы в документе посредством свойства font family.

Пример:

body {font family: serif;}

h1, h2, h3, h4 {font family: sans serif;}

code, pre, tt, span.input {font family: monospace;} p.signature {font family: cursive;}

Приведенный стиль заставит агент пользователя выбрать семейство шрифтов с засечками (например Times) и

применить его к элементу body. Благодаря наследованию такой же шрифт будет применяться ко всем элементам,происходящим от body , кроме тех, для которых задан класс signature: они будут отображаться рукописным. Заголовки h1–h4 будут набраны рубленым шрифтом, например Helvetica, тогда как элементы code, pre, tt и span.input будут отформатированы моноширинным шрифтом, таким как Courier.

Указание конкретных шрифтов

h1 {font family: Georgia, serif;}

Комбинируя конкретные шрифты с базовыми семействами, можно создавать документы, которые, если не в точности, то весьма близко соответствуют вашим намерениям.

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

Если не установлен шрифт Georgia, но есть шрифт Times, агент пользователя может применить Times ко всем элементам h1. Хотя шрифт Times не является точным аналогом шрифта Georgia, он достаточно близок.