О шрифтах

Уважаемые коллеги! Я предлагаю Вашему вниманию цитату с одного из сайтов, посвященных шрифтам. Автору Курса кажется, что некоторые материалы удобнее выкладывать вот так, локально, чем отсылать слушателя в Интернет, где, как известно, ссылки часто оказываются не работоспособными.

Данный материал во много пересекается с материалом Справочник по шрифтам. Но есть некоторые интересные отличия. Автору Курса кажется, что имеет смысл познакомить своих слушателей и с этим изложением.

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

Цитирование проводится по статье, которая была опубликована на сайте http://vm.msun.ru Авторские права принадлежат авторам указанного сайта.

 

Немного о шрифтах

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

Когда вы собираетесь сделать какой-либо дизайн, точнее первую страницу вашего сайта, вы задумываетесь обо всех компонентах в отдельности и об их сочетаемости. Первое, что нужно подобрать с нужной точностью — набор шрифтов, которые будут использоваться. Самое главное — использовать только стандартные шрифты, какими являются: Times New Roman, Arial, Tahoma, Verdana, Sans-Serif, Courier New, сейчас в этот список пробивается еще один — Comic Sans MS. В противном случае, у пользователя может не быть указанного шрифта, и браузер будет использовать стандартные: Times New Roman — для Body, Arial — для таблиц.


Виды шрифтов

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

1) шрифты с засечками (антиква — serif);
2) шрифты без засечек (гротески — sans serif);
3) декоративные (decorative);
4) рукописные (script).
 

Шрифты с засечками (антиквенные). 
Засечки (serif) — горизонтальные элементы окончания основных (иногда соединительных) штрихов имеют самую разнообразную форму: прямоугольную, изогнутую, клювообразную и т.п.

Шрифты без засечек (гротески). 
Гротески — это шрифты без засечек, слабоконтрастные или без контраста.

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

 

Засечки (serif)

Засечки (serif) — это поперечные элементы на концах штрихов буквы. Шрифты с засечками также называют антиквенными, то есть античными, древними. Дело в том, что впервые подобные элементы у букв применили еще римляне.

В шрифтах без засечек отсутствуют завершающие элементы на концах штрихов. Название sans-serif происходит от французского sans— без.

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

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

 

Гарнитура и начертание

Гарнитура шрифта (Type family) — совокупность шрифтов, объединенных общими стилевыми признаками, отличными от других шрифтов, т.е. совокупность начертаний, объединенных общим характером графического построения знаков (пропорциями, наклоном и стилем) и решением их элементов.

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

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

 

Пропорции и наклон

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

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

Наклон знака определяется углом, который он образует с вертикальной осью.

 

Выбор шрифта

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

Одним из показателей удобочитаемости является ширина строки документа. С появлением мониторов поддерживающих большое разрешение экрана стало возможно «укладывать» в одну строку до нескольких сотен знаков, однако строка «идеальной ширины» должна умещать порядка 50-70 знаков. При их большем количестве скорость чтения замедляется, и утомляемость наступает значительно быстрее.

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


Междустрочный интервал

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

Как правило, междустрочный интервал должен составлять 120% от высоты шрифта. К примеру, если используется шрифт 10-го размера, то между строками должен быть промежуток 12-го размера. Если строки в среднем содержат более 10-12 строк, то интервал нужно увеличивать. Вообще, нужно увеличивать междустрочный интервал пропорционально увеличению длины строки.

Интервал, который вы выбираете, зависит от используемого шрифта. Считается, что с большим интервалом любой текст не будет выглядеть плохо, а вот с маленьким — очень даже может. Шрифты «под старину» (Garamond) не требуют выдержки интервала в 120%, а вот шрифты типа Time Roman требуют даже больше 120%-ого интервала. Опять же, все зависит от длины строки и от размера шрифта. Если Вы используете шрифт с засечками, то интервал между строками должен быть больше, иногда даже должен достигать 135-140% от размера шрифта. Таким образом, при использовании шрифта размером 10 пикселей, интервал должен быть равным 13-14 пикселям.

Многие программы в настройке междустрочного интервала «Auto» делают интервал в районе 120% от используемого. Но есть и проблема. Если печатать текст десятого размера, то интервал будет равен 12 пикселям. А если при этом поменять шрифт на, скажем, 20, то интервал все равно останется 12-ым. Так что лучше вручную выставлять интервал.