Inter

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

À propos Inter

Rasmus Andersson a passé des années à affiner ce néo-grotesque spécifiquement pour les écrans d'ordinateur, en optimisant l'espacement des lettres, la hauteur d'x et le contraste des traits pour une haute lisibilité aux petites tailles sur les affichages numériques. Un axe de taille optique (opsz) permet à la police d'adapter automatiquement son design aux légendes ou aux titres, tandis que l'axe de graisse couvre toute la gamme du fin au noir. Il est devenu le choix de référence pour les tableaux de bord, les sites de documentation et les outils pour développeurs dans le monde entier.

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
478

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