UI 中英文字体精选包

21 款适合网页和 App 界面的中英文字体,全部可以免费商用。

下载全部

挑UI字体,和挑海报这些运营类的字体不太一样。UI中的字通常使用场景比较多,范围较大,所以首先要看字全不全,遇到生僻字能不能正常显示。UI里还会用到很多种字号,笔划在小字号的情况下也要能看清,像字母 O 和数字 0 这种长得像的,最好一眼就能分开。标题和正文有时要靠粗细拉开层次,所以字重得够用。最后,界面字体主要是为产品功能服务的,气质要更中性一点,而像海报等运营类的字,它们就可以有比较强的风格属性。

交给 AI 选字体

精选包还是太多?让 AI 从中挑出适合你项目气质的字体。

复制这句话,发给 AI
请先打开 https://tinydomainlab.com/assets/font-packs/ui/guide/font-guide.md 读完这份字体选择指南,再按里面的步骤帮我选界面字体。

全部字体

0/40

中文黑体

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

思源黑体

中性标准,放在哪里都不出错。

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

更纱黑体 UI

中文思源黑体,英文 Inter,已配好。

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

IBM Plex Sans SC

笔画细,适合后台和开发者工具。

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

MiSans

字形方正利落,字重多,层级好分。

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

HarmonyOS Sans SC

笔画偏粗,小字号也很醒目。

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

阿里巴巴普惠体 2.0

规整清爽,适合电商和价格多的页面。

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

OPPO Sans 4.0

字小笔画细,整体最轻最柔和。

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

vivo Sans SC VF

现代紧凑,可变字重能细调层级。

中文阅读

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

思源宋体

正式有书卷气,适合文章正文。

1234567890 从一点灵感开始 做出自己的作品

这款字体没有加载成功,
刷新页面再试一次。

霞鹜文楷

有手写感,适合引言、笔记和短文。

英文无衬线

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

Inter

专为屏幕设计,默认的英文首选。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

Roboto

中性,数字天生等宽,安卓最熟悉。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

Source Sans 3

字形偏窄,适合空间紧的标签。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

IBM Plex Sans

I 和 l 分得清,适合编号和数据。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

Noto Sans

和思源黑体同一家族,搭配最稳。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

Open Sans

字形开阔,说明文字多时读着轻松。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

Manrope

带几何感,适合有品牌感的标题。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

DM Sans

几何感、偏亲和,适合营销页。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

SF Pro

苹果系统字体,做苹果平台设计稿。

英文衬线

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

Source Serif 4

中性的英文衬线,配思源宋体。

1234567890 Start with a spark. Make it your own.

这款字体没有加载成功,
刷新页面再试一次。

Merriweather

字面大笔画粗,适合英文长文。