Digital Leadership & Soft Skills

Когда использовать шрифт с засечками

Опубликовано by Pavel Nakonechnyy on в Web development.

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

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

Немного теории

В 1878 году профессор Эмиль Джаваль (Emile Javal) из парижского университета установил, что взгляд при чтении не движется плавно вдоль линии текста, а совершает серию прыжков, которые он назвал саккадическими прыжками (Spencer, 1968, Rayner & Pollatsek, 1989). Засечки на знаках корректируют движение взгляда читателя, придавая ему горизонтальное направление, а отсутствие засечек способствует вертикальному направлению взгляда, т.е. перескакиванию между строками. (De Lange, 1993).

Более того, социальные исследования показали, что читатели предпочитают тексты, написанные шрифтом с засечками, называя их более разборчивыми (Tinker, 1963; Zachrisson, 1965).

Случаи использования

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

Если вы пользуетесь Windows, среди антикв хорошим выбором будет Georgia (такой шрифт используется на сайте The New York Times или в интерфейсах WordPress) или Garamond (классическая антиква, которая идет в комплекте с Microsoft Office). На Mac OS тоже есть Georgia, а также прекрасные Iowan Old Style (один из шрифтов в читалке iBooks), Charter (который хорошо подходит для печати в маленьком размере) и PT Serif (его можно бесплатно скачать для Windows).

Для скачиваемых веб-шрифтов можно использовать Bodoni, Playfair Display или Courier New.

Используйте шрифт без засечек для коротких текстов

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

Практические советы при выборе шрифта

Опирайтесь на контекст

В большинстве случаев ваш выбор шрифта будет определен самим содержимым и его настроением. Скорее всего Comic Sans не подойдёт для логотипа банка, а Garamond будет неуместен в названии фэнтези-рпг.

Упрощайте

Можно запомнить простое правило: чем проще, тем лучше. Причем это касается не только оформления, но и самого содержания — как правило, чем проще структура исходного текста (наличие разного рода выделений, заголовков и вставок), тем проще его оформить.

Учитывайте другие факторы

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

Выводы

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

1 588