界面字体首选:Inter 免费开源,小字号下依然清晰

界面里最考验字体的一件事:14px 甚至 12px 的小字,能不能看清。Inter 是专门为屏幕 UI 设计的无衬线体,这也是它被大量产品和设计系统选作默认字体的原因。
它解决什么问题
很多好看的无衬线字体,放大到标题很漂亮,缩到界面小字就糊成一团,字腔粘连、易混字母分不清。
免费字体里专门优化过「屏幕小字」的很少,多数还是照印刷字形直接搬过来的。
核心能力
| 能力 | 具体能做到什么 |
|---|---|
| 为屏幕优化 | 针对低分辨率与小字号调整字腔与笔画,I/l/1、O/0 等易混字符做了区分处理 |
| 可变字体 | 一个 Variable 文件涵盖 100–900 字重,还有光学尺寸(Optical Size)轴 |
| 表格数字 | 自带 Tabular Numbers 等 OpenType 特性,做数据表格时数字能对齐成列 |
| 字距字重成套 | 提供 Caption、Text、Display 等不同用途的变体,界面与标题都有对应选择 |
| 字族完整 | 包含斜体,标点与货币符号覆盖较全,多语言界面不易出现缺字 |
| 网页友好 | 官方站点直接给出 CSS 引入方式,WOFF2 体积控制得好 |
为什么界面字体和标题字体要分开选
字体设计里有一组天然的矛盾:字距收紧、笔画对比强,大字号好看;字距放松、字腔开、笔画对比弱,小字号才清楚。
Inter 的选择是站在「小字号清楚」这一侧。所以它做界面正文很稳,做大标题反而略显平淡——大标题可以换一款展示型的字体。
同类工具怎么选
| 工具 | 授权 | 差别在哪 |
|---|---|---|
| Roboto | 开源免费 | 安卓与 Google 生态默认字体,风格中性,中文需搭配思源黑体 |
| Noto Sans | 开源免费 | Google 的多语言字体家族,覆盖面极广,风格更中性 |
| 系统 UI 字体 | 随系统附带 | 零加载、渲染最贴合系统,但跨平台观感不统一 |
谁适合用
- 做 App、后台系统、SaaS 产品界面的设计师与前端
- 要在网页里显示大量小字号文字,需要兼顾可读性的人
- 做数据看板,需要数字能纵向对齐的人
怎么开始
- 访问 rsms.me/inter/,页面本身就展示了各字号下的实际效果。
- 点「Download」拿到压缩包,里面区分了 Variable / 静态、Web / 桌面等目录。
- Web 项目引入 inter.css 或用官方提供的 @font-face 片段。
- 桌面设计软件则安装 TTF/OTF,按字重挑选。
- 小字号场景建议开启动态 hinting 并用 -apple-system 等系统字体做回退。
常见问题
能直接替换系统 UI 字体吗?
技术上可以,但不建议随意替换系统级字体,可能影响某些软件渲染;在网页与设计稿里使用是安全的。
中文界面怎么办?
Inter 不含中文字形,中文部分需要搭配思源黑体、鸿蒙字体等,按 font-family 顺序回退。
有免费商用风险吗?
没有。OFL 明确允许商用,唯一限制是不能把字体文件本身当商品单独出售。
授权与合规
Inter 采用 SIL Open Font License 1.1 发布,可自由用于商业项目、可嵌入软件与网页,无需支付授权费。 官网:rsms.me/inter。
资源信息
界面语言
多语言
授权方式
开源免费
适用平台
Web
获取方式
直链下载
资源更新
2026-09-19
页面更新
2026-09-17
↓ 获取资源
点击下方按钮直接开始下载。
立即下载
直链
https://rsms.me/inter/