История Inter: как шрифт стал стандартом интерфейсов

Когда в 2016 году шведский дизайнер Расмус Андерссон выложил на GitHub первый коммит шрифта под названием Inter (изначально — Interface), он, по собственному признанию, не планировал «шрифт для всех». Задача была скромнее: сделать текст в интерфейсах своего пет-проекта максимально читаемым на retina-экранах и при этом сохранить нейтральность, чтобы шрифт не спорил с контентом. Девять лет спустя Inter стоит в интерфейсах GitHub, Linear, Vercel, Figma Community, десятков стартапов из Y Combinator и в половине новых SaaS-продуктов, которые вы открываете в этом году. Как именно это произошло — история не одного гениального решения, а цепочки чётко сделанных ставок.

В каталоге FontHub Inter доступен как бесплатный шрифт с открытой лицензией SIL OFL. Его можно подключить к любому проекту за пару минут через @font-face или наш CDN — и сразу получить предсказуемый рендер во всех браузерах.

К 2016 году дизайнеры интерфейсов оказались в странном положении. С одной стороны, San Francisco от Apple и Roboto от Google закрывали 80% задач — они были откалиброваны под экраны, у них была отличная кириллица, и они работали из коробки на любой платформе. С другой — оба шрифта принадлежали корпорациям. Использовать их в веб-продуктах означало зависеть от системных рендеров, которые в Chrome на Windows, в Safari на macOS и в Firefox на Linux отображали один и тот же файл по-разному. На Windows Roboto мог выглядеть растянуто, на старых Android San Francisco вообще не существовало.

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

И он проектировался с явной прицелкой на экран 1× и 2× пиксельной сетки — то есть буквально рисовался так, чтобы при рендере на 16 px включался особый hinting. Это инженерное решение оказалось важнее любого эстетического жеста: на 14 px в Chrome под Windows Inter сохранял чёткость, на которую конкуренты могли рассчитывать только на retina.

Если положить Inter рядом с Helvetica или Roboto, разница видна не сразу. Но когда начинаешь работать с ним в интерфейсе, ощущаешь несколько вещей. Во-первых, увеличенная x-height: высота строчных букв у Inter заметно выше, чем у классических гротесков. На 14–16 px это даёт «плотный» визуальный текст, в котором лучше различимы строчные буквы и не теряются диакритики.

Во-вторых, открытые формы букв a, e, s — у них утолщены штрихи на концах, что защищает от «залипания» при субпиксельном сглаживании ClearType на Windows. В-третьих, и это главное для продуктовой типографики — Inter построен как семейство с активной модуляцией по весу. У него есть не просто Thin, Regular, Bold, но и «промежуточные» начертания (Medium, SemiBold) с шагом в 100 единиц. Дизайнеру это даёт тонкую настройку иерархии: на одном макете можно использовать weight 450 для подписей и 550 для заголовков — и они не будут казаться «либо слишком тонкими, либо слишком жирными».

Особая история — кириллица. До версии 3.0 у Inter были заметные проблемы с парой «з»/«д» и с прорисовкой «б» (строчная б в Inter имеет характерную «каплевидную» форму с открытым верхом). Расмус пригласил к работе над кириллицей российских дизайнеров, и к версии 4.0 кириллическое подмножество Inter стало одним из лучших среди бесплатных гротесков. Сегодня Inter — де-факто стандарт для русскоязычных SaaS-интерфейсов.

К 2019 году Расмус выпустил переменную версию Inter — variable font с одной осью wght от 100 до 900. В прод-окружении это означало одну вещь: вместо 11 файлов по 80 КБ каждый браузер грузит один файл на 100–120 КБ и одно начертание по запросу через font-variation-settings. Для интерфейсной типографики это была революция — особенно для SaaS-продуктов, где каждая лишняя секунда загрузки шрифтов на 3G-устройствах стоит конверсии.

Inter — один из редких OSS-шрифтов, у которого разработка не остановилась на релизе 1.0. Расмус выпускает обновления в среднем раз в полгода, исправляя кернинг для редких пар, добавляя лигатуры для программного кода и расширяя набор поддерживаемых языков. В репозитории шрифта открыто более 600 issues, из которых значительная часть превращается в реальные правки глифов. Это редкая для шрифтовой индустрии прозрачность процесса.

В каталоге FontHub представлена актуальная версия Inter, готовая к использованию в веб-проектах. Её можно подключить через CSS за пару минут, скачав WOFF2 или подключившись напрямую через наш CDN. Для SaaS-продуктов, которым нужен предсказуемый рендер без зависимости от системных шрифтов, Inter — самое прагматичное решение из возможных.

Ещё один нюанс, о котором часто забывают: лицензирование кастомных модификаций. Если вы меняете кернинг или добавляете глифы в Inter, лицензия SIL OFL разрешает это, но требует переименовать шрифт и приложить копию лицензии. Назвать модифицированный Inter можно любым именем, но нельзя использовать оригинальное название — это защищено резервным именем (Reserved Font Name). На практике это значит: если вы делаете форк Inter под своим именем (например, 'MyCompany Sans'), вы должны явно указать в лицензионном файле, что это производная от Inter работа, и приложить текст SIL OFL. Без этого ваша модификация нарушает условия лицензии. Для коммерческих шрифтов правила строже: любое изменение требует отдельного согласования с фаундри, и в большинстве случаев запрещено. Если вам нужно адаптировать коммерческий шрифт под узкие условия (например, нарисовать отсутствующие глифы для редкого языка), это оплачивается отдельно как кастомная работа — обычно от 2000 долларов за шрифт. В каталоге FontHub все бесплатные шрифты распространяются под SIL OFL, и вы можете свободно их модифицировать с соблюдением правил резервного имени. Для premium-шрифтов мы рекомендуем обращаться к фаундри напрямую.

«Inter — это не про модный силуэт. Это про то, что текст в интерфейсе должен читать, а не смотреть.» — Расмус Андерссон

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