Полгода мариновал набросок статьи, который спонтанно набросал за 10 минут за чашкой кофе. И всё это время держал тот черновик в голове: вот появится минутка — напишу. Сегодня обнаружил, что большая часть того, что я хотел рассказать, уже неплохо описана в других статьях. Это лучшее, что может быть с идеей — кто-то уже всё сделал, можно выдохнуть, жить спокойно дальше и высвободить голову для других интересных идей.
Тот черновик возник на стыке двух дисциплин: я тогда перечитывал Брингхерста и занимался переделкой своего блога. Я устроил небольшое исследование на счёт OpenType-фич. Меня смутило, что поддержка фич браузерами очень высокая, но никто не практикует их. Я невольно обращаю внимание на своши, лигатуры или правильно набранный акроним, но их почти нигде нет. Кажется, проблема в том, что есть больше сотни фич, но что с ними делать — не сказали.
Вместо того, чтобы писать пост, я теперь просто поделюсь ссылками и мыслями на этот счёт.
- Caring about OpenType features. В статье рассмотрены основные фичи и три случая набора: что нужно для основного текста, что для заголовка, а что полезно для таблиц.
- OpenType features in CSS. Быстрая шпаргалка по основным фичам. В современном браузере сразу видно, в чём разница.
- Syntax for OpenType features in CSS. Ещё одна шпаргалка. Более подробная, сразу с CSS-стилями.
- OpenType specification. Спецификация, описания всех 100+ фич.
- Utility OpenType. CSS-библиотека с основными фичами. Опять же — фич дофига, а что с ними делать — не сразу ясно. Нужно учить матчасть.
- The State of Web Type. Can I Use в мире типографских штук.
- Пока разбирался сам, собрал такую таблицу для порядка в голове
- Перед тем, как работать с OT-фичами, стоит убедиться, что в кассе шрифта есть нужные символы. Я бы, например, смотрел, есть ли у шрифта минускульные цифры и капитель. А вообще, это же от нужды зависит. Капитель может быть и не нужна. И с маюскульными цифрами тоже можно нормально жить. Ну и вряд ли вам понадобятся исторические лигатуры, если вы проектируете пульт управления атомной электростанции.
- Дополнительные глифы раздувают размер файла. В каком-то смысле OT-фичи — это сделка с совестью. С другой стороны, 200 КБ — размер одной фотки.
- Есть два способа манипуляции OT-фичами: низкоуровневый (через свойство font-feature-settings) и высокоуровневый (через свойства font-variant-*). Первый способ имеет более широкую поддержку, но очень неудобный. Смотрите примеры в ссылках выше, чтобы понять, какой это трэш: чтобы изменить одну опцию — нужно тянуть все остальные опции. Второй способ сильно удобнее, но у него меньше поддержка. Спецификации рекомендуют отдавать предпочтение второму способу.
- Гигиенический минимум текста для чтения — стандартные и контекстные лигатуры, кернинг и контекстные альтернативы (см. первую ссылку). В современных браузерах, кажется, это всё включено по умолчанию, но лучше задавать свойства явно.
- Набор прописными и капитель, который сейчас царит в рунете — подделка и бутафория. Эти стили не должны набираться тупо прописными буквами с уменьшенным кеглем: уменьшенные прописные выглядят тоньше строчных и обращают на себя внимание. Для такого набора должны быть специальные глифы. Вообще, имитация типографических штук типа висячей пунктуации и капители с помощью костылей — это плохо, наверное. Такие штуки должны делаться браузером.
- Фичи super, sub, ordinals — кайф. Для верхних и нижних индексов будут использованы не физически уменьшенные символы, а специально отрисованные глифы.
- Наверное, все уже знают, что в Sketch есть способ работать с OT-фичами: View → Show Fonts → Gear → Typography.