Inter

Name: Inter
Author: Rasmus Andersson

Sans Serif neo-grotesque 制作 Rasmus Andersson #5 Google Fontsで

ダウンロード Google Fonts

サイズ

ウェイト

概要 Inter

Rasmus Anderssonが長年かけてコンピュータスクリーン向けに磨き上げたこのネオグロテスクは、デジタルディスプレイの小サイズでの高い可読性を実現するため、字間・Xハイト・ストロークコントラストを最適化しています。光学サイズ軸（opsz）によりキャプションと見出しでデザインが自動調整され、太さ軸はThinからBlackまで全範囲をカバー。ダッシュボード・ドキュメントサイト・開発者ツールでのデファクトスタンダードとなっています。

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

ライセンス使用

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