Многие шрифты плохо выглядят на компьютерных мониторах

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

Шрифты для печати наносятся (на бумагу) по своим векторным макетам, поэтому такие шрифты легко масштабируются. Первое поколение таких шрифтов плохо выглядело на мониторах с низким разрешением, т. к. последним не хватало пикселей, чтобы отобразить утонченность и стиль, определенный в векторных макетах. Разрешение компьютеров Mac составляло 72dpi (точек на дюйм), а Windows PC — 96dpi, тогда как у печатных материалов разрешение, как правило — 1200dpi и более.

В попытке разрешить эту проблему, такие пионеры разработки шрифтов для веб, как, например, Чак Бигелау (Chuck Bigelow) (создавший экранный шрифт Pellucida, как эквивалент печатного Lucida), разработали растровые экранные шрифты. Основой этих шрифтов послужила квадратная пиксельная решетка мониторов. В таких шрифтах каждый символ представлен группой пикселей и тщательно обработан дизайнером для оптимальной читабельности и четкости.

Компания Apple быстро приняла это нововведение, чтобы улучшить читабельность текста с монитора. В колонке шрифтов Mac нашей таблицы их можно легко опознать по названиям — большинство растровых шрифтов названы в честь городов: Geneva (растровый вариант Helvetica), New York (Times) , Monaco (Courier). В Windows растровые шрифты легко определить по их характерным красно-белым иконкам в системной папке шрифтов. В Windows растровые шрифты используются в основном для отображения названий папок и файлов, а также ярлыков.

Однако у растровых шрифтов был недостаток — ограниченность по размеру и масштабируемости. Если вы выберете отсутствующий на компьютере размер шрифта, то увидите неровные, грубые, «ступенчатые» символы, которые тяжело читать. Причина в том, что система попытается самостоятельно создать символы нового размера, основываясь на том, что она знает об их форме из файла этого растрового шрифта или используя встроенные в принтер шрифты. К сожалению, в большинстве случаев компьютер не справляется с этой задачей достаточно хорошо.

Раньше масштабируемые шрифты плохо выглядели на экране, а растровые — на бумаге (символ разрешением 72dpi будет напечатан именно в нем, даже на принтере с большей разрешающей способностью). Как правило, пользователи, занимающиеся своей домашней «типографией», будут писать тексты, используя экранные шрифты, а печатать только после конвертирования текста в масштабируемые символы.

За пределами этой статьи стоит оставить подробной рассказ об истории шрифтов и о том, как все изменилось с того времени (эту информацию можно получить здесь: www.dotprint.com/graphics/graphi26.htm), можно лишь смело заявить о том, что сейчас уже мало кто из веб-мастеров знает разницу между экранными шрифтами и шрифтами для печати. Большинство современных шрифтов, используемых в сети, прекрасно масштабируются, хорошо выглядят на экране и вполне прилично — на бумаге. Причина этого заключается в общем курсе на создание геометрических шрифтов (основанных на векторах), учитывая низкую разрешающую способность мониторов. Корпорация Microsoft сильно способствовала увеличению читабельности текстов в веб, поручив Мэтью Картеру (Matthew Carter) создание шрифтов, которые были бы оптимизированы для компьютерных мониторов и для веб-мастеринга.

Мэтью Картер, создатель шрифтов Verdana и Georgia, четко выразил свое мнение относительно экранных шрифтов:

Adobe с созданием шрифтов PostScript Type 1 и Apple c технологией Truetype положили начало созданию читабельных шрифтов для вывода на экран. Корпорация Microsoft продолжила общее дело, создав ESQ (Enhanced Screen Quality — улучшенное экранное качество) Truetype шрифты. Microsoft можно поблагодарить и за создание доступного каждому прекрасного набора масштабируемых экранных шрифтов, которые стали основой оформления текстов в сети:

• Verdana,
• Trebuchet MS,
• Georgia,
• Arial,
• Times New Roman,
• Courier New

Символы Verdana и Georgia создаются из геометрических контуров, оптимизированных для вывода на экран. Созданные Мэтью Картером и в последствие оптимизированные Томом Рикнером (Tom Rickner) эти шрифты остаются четкими и читабельными даже при относительно малых размерах. Оптимизация в данном случае означает изменение шрифта, чтобы он выглядел как можно лучше даже на мониторах с маленьким разрешением. «Хорошо оптимизированные шрифты достигают уровня старых растровых шрифтов, при этом сохраняя скорость и пониженные требования к оперативной памяти, свойственные шрифтам на основе контуров.» (Введение в оптимизацию: www.microsoft.com/typography/hinting/hinting.htm).

Выбор «безопасных» шрифтов для верстки сайтов

Arial и Times New Roman были тщательно оптимизированы для вывода текстов на экран и поэтому сейчас считаются хорошим выбором для веб-верстки. Times New Roman — хороший шрифт с засечками, который подойдет для веб-документов, предназначенных для последующей печати. С другой стороны, Georgia — прекрасный читабельный шрифт с засечками, предназначенный именно для экранных документов. Arial — наверное самый популярный, и некоторые скажут, что даже слишком популярный, шрифт в веб-верстке. Arial — читабельный шрифт, если только не использовать его маленьких размеров. Verdana — хорошая альтернатива Arial, учитывая большую читабельность при малых размерах и небольшом разрешении экрана.

Стоит помнить, что даже эти шрифты должны быть установлены на компьютерах пользователей. Упомянутые выше шрифты от Microsoft поставляются вместе с Windows 95 (и более поздними версиями этой ОС), многие из них также идут в комплекте с Microsoft Word (самым популярным текстовым редактором, занимающим 90% этой ниши в мире PC и Mac). Также эти шрифты есть в дистрибутиве Internet Explorer 3 и старше.

Выбирая лучший шрифт с точки зрения читабельности и распространенности стоит остановиться на шрифтах, поставляемых с Internet Explorer и другими продуктами Microsoft. Из них лучших выбор — это Verdana (рубленный шрифт) и Georgia (шрифт с засечками), т. к. они специально создавались для мониторов с небольшим разрешением.

далее