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
ダウンロード: 226

ライセンス使用

Web使用	許可
印刷	許可
動画 / 放送	許可
パッケージ	許可
アプリ埋め込み	許可
ブランド / ロゴ	許可
改変	許可

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