Inter
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
关于 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.
字符表
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
字重瀑布 (9)
最佳搭配
查看全部 →使用方法
<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
- 字重
- 9
- 斜体
- ✓
- 韩文
- ✗
- 设计师
- Rasmus Andersson
- 许可证
- OFL
- 版本
- 热度
- #5
- 下载量
- 235
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费
语言支持
最适合
排版概念
-
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').