Знакомство с семействами шрифтов

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

Что касается Web-дизайна, такой широкий выбор у нас отсутствует. При создании сайтов следует иметь в виду, что вы ограничены выбором шрифтов, предположительно имеющихся на компьютере пользователей, для которых предназначен сайт. Шрифты не являются частью браузера, они используются всеми установленными на определенном компьютере приложениями из системной папки, в которой располагаются. Мы не можем точно знать, какой именно шрифт (Times, Times Regular или Times Roman) установлен в определенной пользовательской системе.

Таким образом, шансы, что заголовок, заданный вами в шрифте Univers 87 Oblique, будет отображен в браузере пользователя этим же шрифтом, близки к нулю. На самом деле, вы можете быть уверены в наличии в системе пользователя (в Windows и Macintsoh) лишь очень малого числа шрифтов: Times, Arial, Verdana и Courier.

Даже Helvetica, возможно самый популярный шрифт без засечек, не поставляется по умолчанию с Windows, но в этой системе имеется собственный практически идентичный шрифт - Arial.

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

CSS3 является следующей версией CSS. Соответствующие спецификации W3C уже появились, но пока что эта версия не получила широкой реализации, за исключением частичного применения в браузере Орега.

До тех пор пока шрифты нельзя будет загружать по требованию, мы должны перечислять подходящие шрифты для отображения страницы в порядке уменьшения предпочтительности. В этом перечислении следует указывать только имена семейств, то есть Helvetica или Times, а не Helvetica Condensed или Times Expanded.

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

font-family {"trebuchet ms", helvetica, arial, sans-serif}

Так как Trebuchet MS состоит более чем из одного слова, мы заключили его в кавычки. Если мы указываем шрифт в строчном порядке внутри уже имеющихся двойных кавычек, то используем одинарные кавычки:

<р style-"font-family: 'trebuchet ms', helvetica, arial, sans-serif;">

А следующим образом можно указать шрифт с засечками:

font-family: {charcoal, times, serif}

В первом примере мы используем свойство font-family и говорим браузеру: показать этот документ с помощью шрифта Trebuchet MS. Если его нет, используйте шрифт Helvetica, если и этого шрифта нет, используйте Axial, а при его отсутствии воспользуйтесь любым шрифтом без засечек. Важно в конце объявления указывать общее семейство шрифтов на случай, если указанных ранее шрифтов в системе пользователя не установлено.

Во втором примере использования свойства font-family мы вначале указали шрифт Charcoal, доступный только в системе Macintosh, так как хотим, чтобы пользователи Macintosh могли насладиться этим прекрасным шрифтом. Пользователи Windows увидят страницу со шрифтом Times.