Inter

Name: Inter
Author: Rasmus Andersson

Sans Serif neo-grotesque от Rasmus Andersson #5 на Google Fonts

Скачать Google Fonts

Размер

Насыщенность

О сайте Inter

Rasmus Andersson spent years refining this neo-grotesque specifically for computer screens, optimizing letter spacing, x-height, and stroke contrast for high readability at small sizes on digital displays. An optical size axis (opsz) lets the font automatically adjust its design for captions versus headlines, while the weight axis covers the full range from thin to black. It has become the de facto choice for dashboards, documentation sites, and developer tools worldwide.

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

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

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

Inter + Merriweather 9/10

Heading in Inter

Body text in Merriweather. Inter's clean geometric forms create a modern heading that pairs beautifully with Merriweather's warm, readable serifs for body text. The …

Inter + Source Serif 4 8/10

Heading in Inter

Body text in Source Serif 4. Inter's geometric precision creates clean, modern headlines while Source Serif 4's traditional serif forms bring warmth and readability to body …

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

<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
Загрузки: 225

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

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

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').