Inter

Sans Serif neo-grotesque par Rasmus Andersson #5 sur Google Fonts
Graisse

À propos 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.

Table de caractères

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

Cascade de graisses (9)

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

Meilleures associations

Voir tout →

Comment utiliser

<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

Détails

Catégorie
Sans Serif
Graisses
9
Italique
Coréen
Designer
Rasmus Andersson
Licence
OFL
Version
Popularité
#5
Téléchargements
225

Utilisation de la licence

Usage webAutorisé
ImpressionAutorisé
Vidéo / DiffusionAutorisé
EmballageAutorisé
Intégration dans les appsAutorisé
Marque / LogoAutorisé
ModificationAutorisé

OFL — Gratuit pour usage personnel et commercial

Support linguistique

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

Idéal pour

body_text web_apps ui_elements

Concepts typographiques

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

Articles sur Inter