Бесплатный шрифт Inter: гарнитура, которую используют Figma, NASA и Mozilla

Я часто замечаю такую тенденцию: классные проекты, собранные с помощью ИИ, почти идеальны, но всё равно выглядят так, будто их слепили за одну ночь. Часто дело в шрифте. Многие агенты скатываются к системным или базовым шрифтам. И разницу видно сразу. Inter решает эту проблему. Это одно из тех незаметных улучшений, которые делают всё вокруг более продуманным.

Inter — шрифт, разработанный Расмусом Андерссоном специально для экранов. Его используют Figma, GitLab, Mozilla, NASA, Unity, ISO, аэропорт Цюриха, музеи Гуггенхайма… Это не какой-то хипстерский шрифт. Сегодня это базовый стандарт в продуктовом дизайне. И он бесплатный.

Inter — вариативный шрифт, включающий все насыщенности от extra light до black. Есть и курсив. Вам не придётся подключать 7 разных файлов шрифта под каждую насыщенность заголовков. В нём куча OpenType-функций: перечёркнутый ноль (чтобы отличать 0 от O), табличные цифры (для выравнивания ценников или статистики) и контекстные альтернативы (пунктуация подстраивается под соседние символы).

1Как добавить Inter на сайт

Проще всего использовать официальный CDN. Никакого npm, никакой установки. Всего 2 строки кода в теге <head> и 1 строка CSS. Всё это поддерживает сам автор шрифта, так что можно доверять и не переживать об актуальности.

<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">

:root { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: 'Inter var', sans-serif; }
}

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

2Шрифт Inter — платный или бесплатный

Да, безусловно. Inter бесплатен и имеет открытый исходный код. Он распространяется по лицензии SIL Open Font License 1.1. Его можно использовать в личных и коммерческих целях, встраивать в свои продукты, распространять дальше и так далее. Указывать авторство или платить не нужно. «Могу ли я легально использовать Inter для своих целей? Скорее всего, да!» — говорится в README. Обратите внимание: Inter также доступен на Google Fonts, но пользоваться им там НЕ рекомендуется — версия устаревшая и без курсива. Берите CDN с rsms.me.

3Чем заменить шрифт Inter

В большинстве случаев альтернатива вам вряд ли понадобится. Но если хочется чего-то более выделяющегося: DM Sans выглядит похоже, но чуть менее шаблонно. Geist (от Vercel) — ещё один экранный шрифт, хорошо сочетающийся с кодом. Если нужно что-то потеплее — попробуйте Nunito или Plus Jakarta Sans. Все они доступны бесплатно.