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

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

Свойство font-variant-numeric контролирует использование альтернативных глифов для чисел, дробей и порядковых маркеров.

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

После этого я поняла, что наверняка всё это уже решено в графических и текстовых редакторах. Осталось только понять, как это там реализовано.

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

Открываем выпадающий список параметра Формы цифр и выбираем там По опорной линии: