Inter

Sans Serif neo-grotesque от Rasmus Andersson #5 на Google Fonts
Насыщенность

О сайте Inter

Rasmus Andersson годами совершенствовал этот нео-гротескный шрифт специально для экранов компьютеров, оптимизируя межбуквенное расстояние, высоту x и контраст штрихов для максимальной читаемости при малых размерах на цифровых дисплеях. Ось оптического размера (opsz) позволяет шрифту автоматически адаптировать дизайн для подписей и заголовков, тогда как ось насыщенности охватывает весь диапазон от тонкого до чёрного. Шрифт стал де-факто стандартом для дашбордов, документационных сайтов и инструментов разработчиков по всему миру.

Design Analysis

Inter is a variable sans-serif specifically crafted for computer screens, featuring a tall x-height and open apertures optimized for UI legibility. Its design incorporates contextual alternates and tabular figures out of the box, reflecting its interface-first philosophy. The variable font axis allows precise weight tuning from Thin to Black across a continuous range.

Recommended Use Cases

The go-to choice for design systems, developer tools, and data-heavy dashboards where pixel-perfect screen rendering is critical. Its built-in OpenType features make it particularly effective for tables, forms, and numeric displays.

Таблица символов

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Каскад насыщенности (9)

100 Thin
200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

Лучшие сочетания

Смотреть все →

Как использовать

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900;400&display=swap');
font-family: 'Inter', sans-serif;
brew install --cask font-inter

Подробности

Категория
Sans Serif
Стиль
neo-grotesque
Начертания
9
Курсив
Корейский
Дизайнер
Rasmus Andersson
Лицензия
OFL
Версия
Популярность
#5
Загрузки
478

Условия лицензии

Использование в вебеРазрешено
ПечатьРазрешено
Видео / ТрансляцияРазрешено
УпаковкаРазрешено
Встраивание в приложенияРазрешено
Бренд / ЛоготипРазрешено
МодификацияРазрешено

OFL — Бесплатно для личного и коммерческого использования

Поддержка языков

cyrillic cyrillic-ext greek greek-ext latin latin-ext vietnamese

Лучше всего для

body_text web_apps ui_elements

Концепции типографики

  • Baseline

    The invisible line on which most letters sit. Descenders extend below the baseline.

  • x-height

    The height of lowercase letters (like 'x') measured from the baseline. A key factor in perceived font size and readability.

  • Ascender

    The part of a lowercase letter that extends above the x-height, as in 'b', 'd', 'h', 'k', 'l'.

  • Descender

    The part of a letter that extends below the baseline, as in 'g', 'j', 'p', 'q', 'y'.

  • Cap Height

    The height of a capital letter measured from the baseline to the top of flat capitals like 'H' or 'I'.

  • Glyph

    A single visual representation of a character. One character can have multiple glyphs (e.g., regular and italic 'a').

Статьи о Inter