Антиквы для долгого чтения с экрана
Текстовые антиквы, нарисованные для экранов или длинного чтения: большая высота строчных, умеренный контраст и настоящий курсив для статей, блогов и документации.
Chapter One
Прочитать с экрана несколько тысяч слов — совсем другая проверка, чем взглянуть на заголовок. Шрифт должен исчезнуть, а на экране это зависит от нескольких измеримых вещей. Большая высота строчных делает их крупнее при том же кегле, что важно при 16–18 пикселях. Умеренный контраст штрихов не даёт тонким частям мерцать или пропадать на экранах с невысокой плотностью — обычная беда печатных антикв, перенесённых в веб без изменений. Крепкие засечки и открытые внутрибуквенные просветы не дают похожим буквам слиться.
Помимо форм букв, посмотрите, что входит в семейство. Для длинного текста нужен настоящий курсив для названий и выделений и Bold, заметно темнее Regular. Ось оптического размера в этой группе — серьёзное преимущество: она утолщает тонкие штрихи и раздвигает интервалы на малых размерах, а для заголовков делает рисунок резче, и всё это в одном файле. Семейства с осью насыщенности позволяют чуть подправить Regular, что полезно при светлом тексте на тёмном фоне. Длину строки держите в пределах 60–75 знаков, а интерлиньяж — около 1,5.
-
Merriweather
Экранная текстовая антиква с очень большой высотой строчных, вариативная по насыщенности, ширине и оптическому размеру.
-
Lora
Текстовый шрифт умеренного контраста с кистевыми изгибами и твёрдыми засечками, оптимизирован для экранов; четыре насыщенности с курсивом и кириллицей.
-
Libre Baskerville
Строчные выше, а контраст ниже, чем у образца 1941 года, подстроен под чтение при 16 px.
-
PT Serif
Нарисован для непрерывного чтения: умеренный контраст, крепкие засечки и довольно высокие строчные; Regular и Bold с курсивом, латиница и кириллица.
-
Noto Serif
Умеренный контраст, плотные скруглённые засечки и высокие строчные для текста; девять насыщенностей с курсивом для латиницы, кириллицы и греческого.
-
Bitter
Брусковый шрифт для удобного чтения с экрана, вариативный от Thin до Black с курсивом.
-
Source Serif 4
Создана в тех же пропорциях и с тем же цветом текста, что и парный гротеск, с осью оптического размера от 8 до 60 и восемью насыщенностями с курсивом.
-
Literata
Первоначально создан как шрифт приложения для электронных книг; плотные засечки с низким контрастом и осью оптического размера от 7 до 72.
-
Newsreader
Нарисована для долгого непрерывного чтения на экранах с большим объёмом текста, с осью оптического размера от 6 до 72 и семью насыщенностями с курсивом.
-
Spectral
Текстовая антиква, рассчитанная в первую очередь на экран, в семи насыщенностях с курсивом и кириллицей.
-
Vollkorn
Плотный текстовый шрифт с засечками, с тёмными, массивными засечками, вариативный от Regular до Black, с курсивом.
-
Gelasio
Нарисован для длинного чтения, с умеренным контрастом и мягко скруглёнными окончаниями штрихов; четыре насыщенности с курсивом на оси насыщенности от 400 до 700.
-
Crimson Pro
Антиква в стиле гарале для длинных текстов, таких как учебники и редакционные сайты, вариативная по восьми насыщенностям, с курсивом.
-
Petrona
Текстовая антиква с низким контрастом и крупным x-height, вариативная по девяти насыщенностям, с курсивом.
-
Yrsa
Текстовая антиква для длинного чтения на экранах, в пяти насыщенностях с курсивом.
В образцах загружается только базовая латиница каждого семейства. Все семейства здесь — с открытой лицензией; на странице каждого указаны условия и есть исходные файлы.
Вопросы и ответы: Антиквы для долгого чтения с экрана
Правда ли, что антиква хуже читается с экрана?
На современных экранах нет. Этот старый совет остался со времён мониторов с низким разрешением. Антиква с большой высотой строчных и умеренным контрастом удобно читается на обычных размерах текста.
Какого размера должен быть основной текст на сайте?
Начните с 16–18 пикселей и подберите размер на глаз: шрифты с большой высотой строчных выглядят крупнее своего номинального размера. Держите длину строки примерно в 60–75 знаков.
Можно ли использовать эти шрифты на коммерческом сайте или в электронной книге?
Да. Их открытые лицензии разрешают коммерческое использование и встраивание в сайты, приложения и электронные книги. Скачайте семейство и разместите файлы у себя.
Что даёт ось оптического размера в текстовом шрифте?
Она меняет рисунок в зависимости от размера. На малых размерах штрихи становятся крепче, а интервалы свободнее; на крупных детали становятся тоньше. Браузер может применять её автоматически.