Inter

Sans Serif neo-grotesque bởi Rasmus Andersson #5 trên Google Fonts
Độ đậm

Giới thiệu 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.

Bản đồ ký tự

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

Thác độ đậm (9)

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

Cặp font tốt nhất

Xem tất cả →

Cách sử dụng

<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

Chi tiết

Danh mục
Sans Serif
Kiểu
neo-grotesque
Độ đậm
9
Nghiêng
Tiếng Hàn
Nhà thiết kế
Rasmus Andersson
Giấy phép
OFL
Phiên bản
Độ phổ biến
#5
Lượt tải
225

Sử dụng giấy phép

Sử dụng webĐược phép
In ấnĐược phép
Video / Phát sóngĐược phép
Đóng góiĐược phép
Nhúng vào ứng dụngĐược phép
Thương hiệu / LogoĐược phép
Sửa đổiĐược phép

OFL — Miễn phí cho sử dụng cá nhân và thương mại

Hỗ trợ ngôn ngữ

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

Phù hợp nhất cho

body_text web_apps ui_elements

Khái niệm typography

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

Bài viết về Inter