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

라이선스 사용

웹 사용	허용됨
인쇄	허용됨
영상 / 방송	허용됨
패키징	허용됨
앱 임베딩	허용됨
브랜드 / 로고	허용됨
수정	허용됨

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