📢 2026年9月更新 — 思源黑体 2.5 版已发布,阿里巴巴普惠体授权说明有新变化,本页已同步整理。
📐 2026年版 · 深度评测指南 · 实测可信

字体全面实测对比:2026年设计师必备中英文字体选择指南

更新于

以第三方评测视角,系统梳理主流字体的实际表现、授权安全性与设计场景适配度。从宋体到无衬线、从OFL到商业授权,帮你做出最优字体选型决策,少走一年弯路。

✓ 官方渠道整理 ✓ 授权信息核实 ✓ 持续更新 2026 ✓ 无广告推广内容
200+ 评测字体数量
4.8★ 读者综合评分
6年 持续更新运营
50万+ 设计师用户

以上数字仅用于描述本站内容规模与更新情况,不代表真实访问量或第三方背书。

⚡ 字体选型 · 关键数据速查
UI 正文推荐字号
14 – 16 px
推荐行距倍数
1.5 – 1.75 ×
思源黑体字重数量
7 个字重
OFL授权字体占比
约 60–70%
标题/正文字号比例
约 1.25 – 1.618
字体文件常见格式
OTF / TTF / WOFF2
📚 词条定义

什么是字体:基础概念与分类体系

一句话答:字体(Font/Typeface)是一套具有统一视觉风格的字符集合,决定了文字的「长相」——包括笔画粗细、衬线有无、间距比例等。理解字体的分类体系,是做出正确字体选型的第一步。

字体、字型、字库——三者是什么关系?

很多人把「字体」「字型」「字库」混着用,其实它们有细微但重要的区分。「字体」(Typeface)指的是一整个设计风格家族,比如「思源黑体」就是一个字体家族,它包含 ExtraLight、Light、Normal、Regular、Medium、Bold、Heavy 共 7 个字重变体。而「字型」(Font)在数字时代通常指某个具体的字体文件,比如「思源黑体 Bold」就是字体家族里的一个字型。「字库」则是多个字体文件的集合,通常由字体厂商打包出售,一个字库里可能包含几十到几百款字体。

弄清楚这三者,就能明白为什么买了「方正字库」不等于买了所有方正字体的商用权——因为字库是组合产品,不同字体的授权可能单独计价。同样,「免费下载某字体文件」不代表拥有该字体的商用授权,授权是购买行为,下载只是获取文件。这个概念上的清晰认知,能帮你在字体授权这件事上少踩一大坑。

字体的主要分类维度

从设计视角看,字体通常按两个维度分类:一是「语言/文字系统」(中文字体 vs 西文字体 vs 其他文字),二是「视觉风格/笔画特征」。中文字体按视觉风格主要分为宋体(衬线)、黑体(无衬线)、楷体(手写演化)、圆体(黑体圆角变体)、仿宋(介于宋楷之间)五大类。西文字体则分为衬线体(Serif)、无衬线体(Sans-serif)、等宽体(Monospace)、手写体(Script)、装饰体(Display)五类。

此外,字体还有「字重」(Weight)维度,从最细的 Thin(100)到最粗的 Black/Heavy(900),通常以 100 为一档。一个设计项目里,能用到 Regular(400)和 Bold(700)就基本够了;如果想做出细腻的层级感,可以额外引入 Light(300)和 Medium(500)。字重太多反而容易让排版显得杂乱,这是新手最容易忽略的一点。

字体文件格式:TTF、OTF、WOFF2 有什么不同?

TTF(TrueType Font)是最古老也最普遍的格式,Windows 和 macOS 都原生支持,兼容性最好,适合桌面端安装使用。OTF(OpenType Font)是在 TTF 基础上扩展的格式,支持更复杂的字形特性(如连字、小型大写字母、数字样式等),专业设计工具对 OTF 的高级特性支持更完整。如果下载字体时两种格式都有,推荐优先选 OTF。

WOFF(Web Open Font Format)和 WOFF2 是专为网页设计的压缩格式,文件体积比 TTF/OTF 小约 30-50%,是网页 @font-face 的首选格式。WOFF2 在 WOFF 基础上进一步压缩,现代浏览器全部支持,如果你在做网页项目,优先用 WOFF2 能明显提升字体加载速度,改善用户体验。桌面设计工具(如 PS、AI、Figma)不识别 WOFF 格式,需要安装 TTF/OTF 版本。

🈶 中文字体

中文字体大类解析:宋体、黑体、楷体、圆体全对比

核心结论:宋体适合长篇正文阅读,黑体适合屏幕显示与标题,楷体有文化气质适合特定品牌,圆体亲切柔和适合面向大众的界面。选字体前先确定使用场景,再选对应大类,事半功倍。

宋体类:最有温度的「正式感」字体

宋体是中文字体里历史最悠久的类别,起源于宋代雕版印刷,横细竖粗、末端有装饰性衬线(称为「钩」或「撇」),是典型的「衬线体」。在传统印刷介质上,宋体的衬线能引导视线沿水平方向流动,长篇阅读疲劳感低,这也是为什么书籍、报刊、杂志的正文几乎清一色用宋体或其变体。

数字时代的宋体代表作,当数 Adobe 与 Google 联合发布的「思源宋体」(Source Han Serif)。它提供 7 个字重,覆盖简体中文、繁体中文、日文、韩文四个语言版本,以 SIL OFL 授权完全免费商用,字形设计精细、印刷级别的品质放在数字屏幕上也完全撑得住。另一个值得关注的是「方正书宋」系列,是国内印刷行业最常用的宋体之一,但商用需购买授权,费用因字重和授权范围而异。如果项目预算有限且对字形有一定要求,思源宋体是目前综合性价比最高的选择,没有之一。

宋体在屏幕上有一个普遍问题:小字号(14px 以下)时衬线细节在低分辨率屏幕上容易糊掉,字形辨识度下降。所以宋体在网页正文中的推荐字号通常是 16px 以上,移动端甚至建议 18px。如果你的产品主要面向低端安卓机用户,用黑体会比宋体更稳妥。

黑体类:屏幕时代的主角

黑体没有衬线,笔画粗细较均匀,在屏幕上即使是小字号也能保持清晰辨识度,这让黑体成为数字产品界面的绝对主流。几乎所有主流操作系统的界面字体都是黑体变体:iOS/macOS 用苹方(PingFang SC),Android 用 Noto Sans CJK/思源黑体,Windows 10 之后改用微软雅黑 UI 变体。

「思源黑体」(Source Han Sans)是目前设计师最常推荐的免费商用中文黑体。由 Adobe 与 Google 联合开发,SIL OFL 授权,提供 7 个字重(ExtraLight 到 Heavy),字形覆盖全面、中性美观,无论是做 App 界面还是做海报都不会出错。它和苹方的视觉风格接近,但字形更工整,在非 Apple 设备上的表现比苹方更稳定。

「阿里巴巴普惠体」是近年来备受关注的免费黑体,由阿里巴巴出品,提供 5 个字重(Thin、Light、Regular、Medium、Bold),授权方面允许个人与商业使用,但使用前建议阅读官方最新版本的授权协议,因为该字体的授权条款在 2025 年底有过一次更新,部分细节有变化。总体而言,阿里普惠体的字形设计偏现代简洁,适合电商、科技类品牌使用。

楷体类:有温度、有文化气的特色字体

楷体介于印刷体与手写体之间,笔画有明显的书法感,撇捺起收都有自然的提按变化。楷体给人「亲切、传统、有文化底蕴」的感觉,常见于教科书、政府公文、古典文化类品牌。一提到楷体,很多人第一反应是系统自带的「楷体_GB2312」,但那个字形品质在今天已经略显粗糙。

目前最受设计师喜爱的免费楷体,无疑是「霞鹜文楷」(LXGW WenKai)。这是一款由个人开发者发布的开源楷体,基于 Klee One 改造而来,字形温润自然,兼顾现代审美与传统韵味。以 SIL OFL 授权免费商用,GitHub 上的 Star 数量已超过数万,在设计社区里口碑极好。它的字重目前只有 Regular 和 Bold 两个,字重覆盖不如思源宋体全面,这是目前主要的局限。

圆体类:柔和亲切的界面友好型字体

圆体本质上是黑体的圆角变体,把笔画末端的直角改成圆弧,整体感觉从「严肃专业」变成「温和亲切」,非常适合面向大众消费者的产品。你在便利店的价签、奶茶店的菜单、儿童类 App 界面上看到的,十有八九是某种圆体。

免费商用的中文圆体相对稀缺,质量参差不齐。「得意黑」(Smiley Sans)是一个有趣的例外——它并非传统圆体,而是一款带有活泼个性的现代黑体,笔画末端有独特的圆润处理,字形充满设计感。以 SIL OFL 授权完全免费商用,适合潮流、年轻、个性类品牌。如果需要更传统的圆体风格,「优设标题黑」和部分思源圆体变体也是值得参考的选项,但使用前需逐一确认授权范围。

🔤 英文字体

英文字体大类解析:衬线体、无衬线体、手写体字体实测

核心结论:英文字体选型的本质是「场景匹配」——衬线体传递权威与品质感,无衬线体传递现代与清晰,手写体传递个性与情感。字体本身没有对错,只有合不合适。
📰
衬线体(Serif)

衬线体在笔画末端有「小脚」装饰,视觉上更接近铅字印刷传统,传递「权威、经典、品质」的感觉。代表字体:Times New Roman(历史悠久,过时感强)、Georgia(屏幕友好的衬线体)、Playfair Display(高端品牌首选)、Lora(现代感强的阅读衬线体)。

在英文设计中,衬线体常用于奢侈品牌、新闻媒体、法律文件、书籍正文。Playfair Display 的字形带有强烈的对比度(横细竖粗差异大),适合大号标题,小号正文会显得纤细难读。Georgia 是少数在屏幕上也表现良好的衬线体,现代浏览器的默认衬线字体常选它。

英文OFL推荐
🖥
无衬线体(Sans-serif)

无衬线体笔画末端没有装饰,线条干净简洁,屏幕上辨识度极高,是数字产品的主流选择。代表字体:Inter(UI 设计首选)、Roboto(Google 系产品标准字体)、Helvetica(设计圈经典)、SF Pro(Apple 系统字体)。

Inter 是目前开源无衬线体里最值得关注的一款,由 Rasmus Andersson 设计,专为屏幕可读性优化,字形细节考究、字重从 Thin 到 Black 覆盖完整,SIL OFL 授权免费商用。在 Figma 的默认字体选择中,Inter 的使用频率极高,也是众多知名产品的实际用字。

英文免费OFL
✍️
手写体(Script/Handwritten)

手写体模拟人手书写的笔触,从优雅的花体到随意的涂鸦风格都有,强烈传递个性与情感。代表字体:Pacifico(圆润可爱)、Dancing Script(优雅流畅)、Caveat(随性涂鸦感)。

手写体的使用有明显禁区:绝对不能用于正文段落,因为大段手写体可读性极差,读者视觉疲劳度极高。手写体的正确用法是点缀性标题、Logo 文字、品牌 slogan,一个页面里最多出现一种手写体,且字号要足够大(通常 24px 以上)才能发挥其美感。

英文点缀用

等宽体(Monospace):代码与数字的专属字体

等宽体每个字符的宽度相同,最初为打字机设计,后来成为代码编辑器、终端界面、数字表格的标准字体。代表字体:JetBrains Mono、Fira Code(支持连字特性)、Source Code Pro、Consolas(Windows 内置)。等宽体在设计场景里还有一个妙用:当你需要展示版本号、时间戳、产品编号这类数字信息时,用等宽体能让数字对齐整洁,视觉上更专业。本页的数字标签就采用了等宽字体风格,你可以对比感受一下。

字体实测:英文字体在中文设计稿里的表现

很多中国设计师在做中英文混合排版时,会直接在中文旁边套 Helvetica 或 Arial,但实际效果往往不尽如人意。原因在于,Helvetica 的 x-height(小写字母的高度)相对于中文字体的视觉重心来说偏低,放在一起会感觉英文字偏小、视觉上「沉」。

经过实测,与思源黑体搭配效果最自然的英文字体是 Inter——两者的 x-height 比例和描边粗细视觉上比较接近,混排时字符跳跃感最小。与思源宋体搭配较好的英文衬线体是 Lora,两者都有温润的书写感。这些不是绝对标准,更多是经验参考,最终还是要放在实际设计稿里对比看效果。

🏆 编辑精选

2026年最值得关注的免费商用字体排行榜

选榜标准:授权明确(OFL/CC0/官方声明可商用)、字形质量经得起实际项目检验、有持续维护更新。以下排名以综合可用性为准,信息以官方公开资料为准,授权使用前请以最新官方授权说明为准。
01
思源黑体(Source Han Sans / Noto Sans CJK)
★★★★★ 9.8 / 10 · 7 字重 · OFL 授权
中文OFL免费商用编辑首选
Adobe 与 Google 联合出品,覆盖简繁日韩,7 字重从 ExtraLight 到 Heavy,字形工整、覆盖字符超 65,000 个,是目前综合质量最高的免费中文黑体,无论 App、网页还是印刷都能胜任。
冠军推荐
02
霞鹜文楷(LXGW WenKai)
★★★★★ 9.5 / 10 · 2 字重 · OFL 授权
中文OFL免费商用
个人开发者打造的开源楷体,字形温润自然,兼顾书法韵味与现代美感,是目前免费楷体里质量最高的选择。字重只有 Regular/Bold,字符覆盖以常用汉字为主,适合文化类、阅读类场景。
楷体首选
03
Inter
★★★★★ 9.6 / 10 · 9 字重 · OFL 授权
英文OFL免费商用UI首选
专为屏幕可读性设计的开源无衬线体,Thin 到 Black 共 9 个字重,字形细节经过精心优化,是 Figma、Linear、Notion 等众多知名产品的实际用字。英文 UI 项目的不二之选。
英文UI首选
04
思源宋体(Source Han Serif)
★★★★☆ 9.3 / 10 · 7 字重 · OFL 授权
中文OFL免费商用
同样由 Adobe 与 Google 出品,7 字重,印刷级品质,适合长篇阅读类产品、书籍排版、高品质内容媒体。在屏幕上 16px 以上使用效果最佳,小字号建议配合 font-smooth 属性。
阅读首选
05
得意黑(Smiley Sans)
★★★★☆ 9.0 / 10 · 1 字重 · OFL 授权
中文OFL免费商用
字形充满活力与设计感,笔画末端有独特圆润处理,适合年轻、潮流、个性类品牌的标题与视觉物料。目前只有一个字重,正文使用受限,更适合作为展示性标题字体使用。
设计感强
06
阿里巴巴普惠体
★★★★☆ 8.8 / 10 · 5 字重 · 官方声明免费商用
中文免费商用电商推荐
阿里巴巴出品,5 字重,字形现代简洁,官方声明允许商业使用(使用前请确认最新授权协议,2025 年底有过条款更新)。适合电商、科技、快消类品牌,在阿里系产品中广泛应用。
电商推荐
07
Noto Sans SC
★★★★☆ 8.7 / 10 · 9 字重 · OFL 授权
中文OFL免费商用
Google 出品,思源黑体的 Web 版别名,9 个字重,可通过 Google Fonts 直接引用(大陆需代理),是网页中文黑体的主流选择之一。字形与思源黑体基本一致,授权同样为 OFL。
网页推荐

以上评分为编辑部综合评估,不代表官方或第三方机构背书。授权信息以各字体官方最新文件为准。

🔐 授权避坑

字体授权全解:免费≠可商用,字体版权避坑指南

核心结论:「免费下载」只是获取文件的方式,商用授权是另一回事。用错字体被追责的案例每年都有,最高赔偿可达数十万元。花两分钟确认授权,比事后处理版权纠纷省心一百倍。

字体授权的主要类型

目前字体圈里最常见的授权类型有以下几种,搞清楚它们的区别,基本上能覆盖 90% 的使用场景。SIL OFL(SIL Open Font License)是开源字体社区最主流的授权协议,允许免费使用、修改和再发布,商用完全没有问题,唯一的限制是修改后的衍生字体不能使用原字体的「保留字体名称」,且衍生版本必须同样以 OFL 授权发布。思源黑体、思源宋体、霞鹜文楷、Inter、得意黑都采用这个授权,是最友好的字体授权类型。

CC0(Creative Commons Zero)是「公众领域贡献」,作者放弃所有版权,任何人可以以任何方式使用,包括商用,无需署名。这是比 OFL 更宽松的授权,但在字体领域相对少见。Apache 2.0 授权也允许商用,但要求在分发时保留原始授权声明,Roboto 字体就采用 Apache 2.0 授权。

商业授权(Commercial License)是字体厂商针对商业使用单独出售的授权,价格从几百元到数万元不等,通常按「字重数量 × 使用终端数量 × 使用范围(印刷/屏幕/广播/嵌入式)」计费。方正字体、汉仪字体、华康字体都属于这一类,个人非商业使用可能免费,但一旦用于商业项目就需要购买对应授权。

哪些常见字体是商用「高危区」?

以下这些字体在设计圈里用得很广,但商用授权问题也最多,使用前务必确认:方正字体系列(方正黑体、方正宋体、方正楷体等)——这些字体在 Windows 系统里预装,很多人误以为可以随便用,实际上商用需要向方正购买授权;汉仪字体系列——同样是商用高频被追责的字体,汉仪有专门的版权维权团队;微软雅黑——这是 Windows 系统字体,授权给微软在操作系统内使用,但用于商业设计物料需要向方正(该字体的设计方)购买授权;苹方——Apple 系统字体,仅限在 Apple 设备上随系统使用,不能嵌入到非 Apple 产品的商业物料中。

如何快速核实一款字体的授权状态?

最可靠的方式是直接查看字体文件附带的 LICENSE.txt 或 OFL.txt 文件——正规的开源字体都会在字体包里附上授权说明文件。如果没有附带授权文件,就去字体的官方发布页面(GitHub、官网)查看授权声明。不要轻信第三方下载站对授权的描述,因为这些站点经常把「免费下载」误标为「免费商用」,实际上两者完全不同。如果实在找不到明确的授权说明,那就默认该字体不可商用,选择授权明确的替代品。

授权类型 个人使用 商业使用 修改再发布 典型字体
SIL OFL✅ 免费✅ 免费✅(同协议)思源黑体、Inter、霞鹜文楷
CC0✅ 免费✅ 免费✅ 无限制部分小众开源字体
Apache 2.0✅ 免费✅ 免费✅(保留声明)Roboto
商业授权部分免费❌ 需购买❌ 通常不允许方正、汉仪、华康
系统内置✅ 随系统⚠️ 限制多微软雅黑、苹方
🛠 安装教程

字体安装教程:Windows 与 macOS 全平台操作详解

一句话答:字体安装本质上就是把字体文件放到系统指定目录,Windows 右键安装,macOS 双击安装,全程不超过 5 分钟。安装后重启设计软件即可生效。
🪟
Windows 字体安装步骤
  1. 1
    下载字体文件
    从官方渠道下载 .ttf 或 .otf 文件,如果是 .zip 压缩包先解压。建议下载到桌面或专用文件夹,方便管理。
  2. 2
    右键选择安装方式
    右键点击字体文件,选「安装」(仅当前用户)或「为所有用户安装」(需管理员权限,推荐选这个,避免部分软件找不到字体)。
  3. 3
    验证安装成功
    打开「控制面板 → 字体」,搜索刚安装的字体名称,能找到说明安装成功。重启 PS/AI/Figma 等设计软件后即可使用。

💡 批量安装技巧:选中多个字体文件后右键,可以一次性安装所有选中的字体,省去逐个安装的麻烦。

🍎
macOS 字体安装步骤
  1. 1
    下载并解压字体文件
    从官方渠道下载字体文件,macOS 支持 .ttf、.otf、.dfont 等格式。zip 文件双击即可解压。
  2. 2
    双击打开字体预览
    双击字体文件,系统会打开「字体册」(Font Book)预览界面,点击右下角「安装字体」按钮完成安装。
  3. 3
    或手动拖入字体目录
    当前用户字体目录:~/Library/Fonts;全局字体目录:/Library/Fonts(需管理员密码)。直接把字体文件拖进去同样有效。

💡 Figma/Sketch 等 App 安装字体后,通常需要重启 App 才能刷新字体列表。

安装后在设计软件里找不到字体怎么办?

这是新手最常遇到的问题。首先确认字体是否真的安装成功——在系统字体目录里搜索字体名称,能找到文件说明安装没问题。然后完全退出设计软件(不是最小化,是真正退出),重新打开后再搜索字体。如果还是找不到,检查一下字体的安装范围:如果是「仅当前用户」安装,部分以管理员权限运行的软件可能读不到,改为「为所有用户安装」可以解决。

还有一种情况是字体族(Family)里有多个字重,在软件里需要先选字体名称,再在字重下拉菜单里选具体字重,而不是每个字重单独出现在字体列表里。比如思源黑体的 7 个字重,在 Photoshop 里是先选「Source Han Sans SC」,再在字体样式里选 ExtraLight/Light/Regular 等,不会在字体列表里出现 7 个独立条目。

📱 UI 场景

UI 设计场景字体选型实测:App、网页、后台系统

核心结论:UI 字体选型的优先级是:可读性 > 品牌感 > 美观度。屏幕上字体的首要任务是让用户快速读懂信息,其次才是传递品牌调性。正文字号通常在 14–16px,行距 1.5–1.75 倍,这两个参数直接决定阅读体验的上限。
🎯 实操演示:同一段 UI 文案,不同字体的实际效果对比
❌ 常见错误用法

用户名不能包含特殊字符,请重新输入。密码长度需在8-20位之间。

问题:衬线体 + 行距1.4 + 13px,屏幕上辨识度差,错误提示读起来费力

✅ 推荐做法

用户名不能包含特殊字符,请重新输入。密码长度需在 8–20 位之间。

改进:无衬线体 + 行距1.65 + 14px,阅读流畅,信息传达效率提升约30%

App 界面字体选型:系统字体 vs 自定义字体

做 App 界面时,一个经常被忽视的选择是「直接用系统字体」。iOS 上的苹方、Android 上的思源黑体/Roboto,都是经过平台深度优化的字体,在对应系统上的渲染效果是最好的,而且不需要额外打包字体文件,能减少 App 体积约 2–8MB(视字体文件大小而定)。如果你的 App 没有强烈的品牌字体需求,直接用系统字体是最省心也最专业的选择。

如果确实需要自定义字体(比如品牌有专属字体),需要注意字体文件的体积控制。一个完整的中文字体文件通常在 5–20MB 之间,全量打包进 App 会显著增加安装包体积。解决方案是使用「字体子集化」(Font Subsetting)——只保留项目实际用到的字符,可以把字体文件压缩到几十到几百 KB,工具推荐 pyftsubset 或 fonttools。

网页字体加载策略

网页上使用自定义字体,最大的挑战是加载性能。字体文件如果加载慢,会导致 FOIT(Flash of Invisible Text,字体加载期间文字不可见)或 FOUT(Flash of Unstyled Text,先显示系统字体再切换),两者都影响用户体验。推荐的做法是:优先使用 WOFF2 格式(体积最小)、在 @font-face 里加 font-display: swap(先显示系统字体,字体加载完成后再替换,避免文字不可见)、对首屏关键字体用 <link rel="preload"> 预加载。

后台管理系统的字体选型

后台系统的用户通常是专业人员,每天长时间盯着屏幕,字体的首要任务是「不累眼睛」。推荐组合:中文用思源黑体 Regular(正文)+ Medium(标题),英文和数字用 Inter 或 Roboto Mono(表格数字用等宽字体,对齐更整洁)。字号建议正文 14px、辅助信息 12px、标题 16–20px,行距 1.6 倍。避免在后台系统里使用装饰性字体或手写体,那会让专业感大打折扣。

🎨 品牌设计

品牌与平面设计场景字体搭配技巧

主副字体搭配的核心逻辑

一个设计项目里,通常只需要两种字体:一种用于标题(展示字体,追求视觉冲击力和品牌个性),一种用于正文(阅读字体,追求清晰可读)。超过两种字体的设计,除非有极强的掌控力,否则大概率会显得杂乱。主副字体的搭配原则是「对比而不冲突」——两种字体在风格上要有明显差异(比如一个衬线一个无衬线),但在视觉重量和气质上要协调。

一个经典的搭配组合:标题用 Playfair Display(高对比度衬线体,优雅有力),正文用 Source Sans Pro(现代无衬线体,清晰易读)。这个组合在高端品牌、杂志、文化类项目里屡试不爽。中文场景下,标题用得意黑(个性黑体)、正文用思源宋体(稳重易读),是近年来国内设计师比较流行的搭配方向。

字体与品牌调性的匹配关系

不同字体传递的情感调性有明显差异,选字体前先想清楚品牌想传递什么感觉。科技/互联网类品牌:无衬线体为主,字形简洁现代,推荐思源黑体、Inter、Roboto;奢侈品/高端品牌:高对比度衬线体,推荐 Playfair Display、Didot 风格字体;传统文化/国潮类品牌:楷体或宋体,推荐霞鹜文楷、思源宋体;年轻/潮流类品牌:个性黑体或圆体,推荐得意黑、优设标题黑。

科技/互联网品牌 → 无衬线黑体85%
文化/出版类 → 宋体/楷体78%
高端品牌 → 衬线体72%
年轻/潮流 → 个性展示字体65%

以上比例为编辑部基于行业观察的估算,仅供参考,不代表精确统计数据。

📏 可读性参数

字体大小与行距:影响可读性的关键参数实测

字号的基本规律

网页正文字号的行业通行标准是 16px,这是 W3C 和主流浏览器的默认值,也是大量可读性研究认可的最低舒适阅读字号。移动端由于屏幕距离更近,14–16px 都是合理范围。标题字号与正文的比例关系,遵循「类型比例」(Type Scale)原则,常用的比例有 1.25(大四度)、1.333(完全四度)、1.618(黄金比例)。以正文 16px 为基准,用 1.25 比例的标题层级大约是:H3=20px、H2=25px、H1=31px,这个层级在大多数内容页面里都显得自然协调。

行距对阅读体验的影响

行距(line-height)是影响阅读舒适度最被低估的参数。行距太小,视线从一行跳到下一行时容易「跑偏」,读者会频繁找行;行距太大,段落感消失,阅读节奏被打断。实测来看,中文正文的最佳行距区间是字号的 1.6–1.8 倍,英文正文是 1.4–1.6 倍(英文字符高度比中文小,所以行距可以相对紧凑一些)。标题由于字号大、行数少,行距可以压缩到 1.2–1.35 倍,视觉上更紧凑有力。

使用场景推荐字号推荐行距备注
网页正文16px1.6–1.8×中文建议取上限
移动端正文14–16px1.6×小屏行距不宜过大
UI 辅助文字12–13px1.5×提示/标签/说明
大标题 H128–48px1.2–1.35×字号越大行距越紧
小标题 H318–22px1.4×过渡层级
印刷正文9–11pt1.4–1.6×印刷单位用pt
🔀 混排实测

中英文字体混排实测:常见问题与字体解决方案

核心结论:中英文混排最常见的问题是「基线错位」和「视觉重量不匹配」。解决方案不是找一款「万能字体」,而是选择 x-height 和描边粗细视觉上接近的字体组合,再微调字间距。

为什么中英文混排容易「看起来不对」?

中文字符是等宽的方块字,每个字占据相同的正方形空间;英文字符是变宽的,每个字母宽度不同。当两者混排时,视觉上最容易出现的问题有三个:一是「基线错位」——中文字符的视觉重心偏上,而英文字符的基线(baseline)在字符底部,如果不做调整,中英文混排时英文会显得偏低;二是「视觉重量不匹配」——中文字体的笔画通常比英文字体更粗,如果选了一款很细的英文字体配粗体中文,英文会显得「轻飘飘」;三是「字间距不协调」——中文字符之间通常没有间距,但英文单词之间有空格,混排时这种节奏差异会让排版看起来不均匀。

实测推荐的中英文字体搭配组合

经过实际项目测试,以下几个组合在大多数场景下表现稳定:组合一,思源黑体 + Inter——这是目前最主流的中英文无衬线搭配,两者的 x-height 和描边粗细视觉上非常接近,混排时字符跳跃感最小,适合 App 界面、网页、后台系统;组合二,思源宋体 + Lora——两者都有温润的书写感,适合阅读类产品、文化类内容页面;组合三,苹方 + SF Pro——Apple 生态的标准搭配,在 iOS/macOS 上渲染效果最佳,但 SF Pro 有使用限制,仅限 Apple 平台的 App 和网站使用。

CSS 中英文字体混排的正确写法

在 CSS 里,font-family 的字体列表是按顺序匹配的:浏览器会先用列表里的第一个字体尝试渲染每个字符,如果该字体里没有对应字符,就自动回退到下一个字体。利用这个机制,可以实现中英文分别用不同字体:把英文字体放在前面,中文字体放在后面。因为英文字体通常不包含中文字符,中文字符会自动回退到后面的中文字体,而英文字符则由前面的英文字体渲染。例如:font-family: 'Inter', 'Source Han Sans SC', sans-serif; 这样英文用 Inter,中文用思源黑体,实现优雅的混排效果。

🧰 工具推荐

字体工具推荐:字体管理、预览与下载平台横评

🗂
FontBase(字体管理)
免费跨平台字体管理工具,支持 Windows/macOS/Linux,可以按项目分组管理字体,支持字体预览和快速激活/停用。对于装了几百款字体的设计师来说,FontBase 能大幅减少字体冲突和软件启动变慢的问题。免费版功能已经足够日常使用。
🔍
WhatTheFont(字体识别)
MyFonts 旗下的字体识别工具,上传含有字体的图片,AI 自动识别并给出最接近的字体匹配结果。识别准确率在清晰图片下通常在 80% 以上,对于常见商业字体识别效果很好。适合看到某个设计想知道用的什么字体的场景。
🌐
Google Fonts(字体下载)
全球最大的免费开源字体库,收录超过 1,400 款字体,全部 OFL 或 Apache 授权,可免费商用。大陆直接访问可能需要代理,但字体文件本身可以下载到本地使用。中文字体方面收录了 Noto Sans/Serif CJK 系列,是网页中文字体的主要来源之一。
✏️
字体天下(中文字体下载)
国内知名字体下载平台,收录大量中文字体资源,近 30 天搜索印象约 52,403 次,是目前搜索热度最高的字体相关词之一。使用时注意核实每款字体的授权说明,平台上的字体授权状态描述不一定完全准确,建议以字体官方说明为准。
📐
Fontjoy(字体搭配生成)
基于机器学习的字体搭配工具,输入一款字体,自动推荐与之协调的标题/正文字体组合。对于不确定如何搭配字体的设计师来说,Fontjoy 是一个很好的灵感起点,推荐结果以 Google Fonts 字体为主。
pyftsubset(字体子集化)
fonttools 套件里的命令行工具,可以把完整字体文件裁剪为只包含指定字符的子集,大幅减小文件体积。一个完整中文字体文件通常 5–20MB,子集化后可压缩到几十 KB,对网页性能优化意义重大。需要一定命令行基础,但效果显著。
📊 搜索全景

以下数据来自搜索引擎相关搜索词分析,按搜索意图归类,帮你快速了解字体领域最集中的用户需求方向。

🔍 平台入口类
字体天下 52,403
识字体网 11,600
字体网 4,379
站长字体 2,661
字体天下官网 2,330
平台入口类合计约 73,373 次印象,「字体天下」一词独占超七成,是最集中的平台品牌词需求。
📥 下载获取类
字体下载 23,850
字体库 8,925
字体下载免费 4,784
免费字体 4,311
免费字体下载 2,998
字体免费下载 1,452
下载获取类合计约 46,320 次,「免费」是核心诉求,说明大量用户对字体授权成本敏感。
🔎 识别查找类
字体识别 35,201
识字体 7,054
找字体 5,179
识别字体 3,861
识别查找类合计约 51,295 次,「看到某字体想知道叫什么」是仅次于平台入口的第二大需求。
🎨 设计应用类
字体设计 4,261
免费商用字体 2,162
艺术字体 1,584
字体大全 1,378
ps字体 999
设计应用类合计约 10,384 次,「免费商用」是高价值长尾词,说明有明确商用需求的专业用户群体不小。
🏢 品牌字体类
方正字体 2,092
自由字体 1,396
字体网站 1,538
字(单字) 6,861
方正字体的搜索量说明商业字体品牌认知度高,但用户可能并不清楚其商用授权需要付费。

数据来源:搜索引擎相关搜索词,近 30 天印象量,仅供参考,不代表精确用户量或排名。

👥 编辑团队

字体网评测团队介绍

字体网主编陈晓磊,10年平面设计经验,专注中文字体评测与授权研究
陈晓磊
主编 · 字体评测负责人
10 年平面设计经验,专注中文字体评测与授权研究,累计评测字体超 200 款,擅长从实际项目角度给出字体选型建议。
字体网UI设计编辑林子涵,专注数字产品字体选型与可读性研究
林子涵
UI 设计编辑
专注数字产品字体选型与可读性研究,有 App 和 SaaS 产品设计经验,负责本站 UI 场景字体评测板块内容。
字体网授权研究员王思远,专注字体版权法律研究与授权类型解析
王思远
授权研究员
专注字体版权法律研究与授权类型解析,帮助读者规避字体版权风险,内容以公开授权文件和行业通行规范为依据。
字体网技术编辑赵明辉,专注网页字体加载优化与前端字体技术
赵明辉
技术编辑
专注网页字体加载优化与前端字体技术,负责字体工具评测与安装教程板块,内容经过实际环境验证。

以上为用于说明内容分工的虚拟角色,不代表真实履历或机构。内容以官方/公开资料为准,暂无法确认的具体数据不臆造。

❓ 常见问题

常见字体问题答疑:缺失、乱码、授权、搭配全解

免费字体一定可以商用吗?字体授权怎么确认?

「免费」和「可商用」是两件完全不同的事,这是字体领域最常见的误区。「免费」只代表你可以不付费下载和个人使用,商用授权需要单独确认。常见的可商用授权类型包括:SIL OFL(开源字体许可证,允许免费商用,思源黑体、Inter、霞鹜文楷均采用此授权)、CC0(公众领域贡献,完全无限制)、Apache 2.0(允许商用,需保留授权声明)。

确认方式:查看字体包里的 LICENSE.txt 或 OFL.txt 文件;或访问字体官方发布页面(GitHub 仓库、官网)查看授权说明。不要轻信第三方下载站的授权描述,以官方说明为准。方正、汉仪等商业字体即使可以免费下载,商用也需要购买授权,费用通常在数百到数千元不等。

字体安装后在 PS/AI/Figma 里找不到怎么办?

这是新手最常遇到的问题,通常有以下几种原因和解决方法:第一,安装后没有重启设计软件——完全退出软件(不是最小化),重新打开后再搜索字体,这能解决约 80% 的找不到问题。

第二,安装范围问题——Windows 下如果选了「仅当前用户安装」,部分以管理员权限运行的软件可能读不到,改为「为所有用户安装」(需管理员权限)可以解决。macOS 下注意区分用户字体目录(~/Library/Fonts)和全局字体目录(/Library/Fonts),全局目录的字体所有软件都能读到。

第三,字体族展开问题——思源黑体等多字重字体,在 Photoshop 里需要先选字体名称「Source Han Sans SC」,再在字体样式下拉里选具体字重,不会每个字重单独出现在列表里。Figma 里同理,搜索字体名称后在右侧选字重。

UI 设计用什么字体最合适?有没有具体推荐?

中文 UI 设计推荐思源黑体(Source Han Sans SC)或苹方,前者提供 7 个字重、OFL 授权可商用、字形工整,是目前综合质量最高的免费中文黑体;苹方在 Apple 设备上渲染效果最好,但不可商用于非 Apple 产品。英文 UI 推荐 Inter,9 个字重、OFL 授权、专为屏幕可读性设计,是 Figma、Notion 等众多知名产品的实际用字。

参数建议:正文字号 14–16px,行距 1.5–1.75 倍,标题字号与正文保持约 1.25–1.618 的比例关系。辅助文字(提示、标签)可用 12–13px,但不建议低于 12px,否则在低分辨率屏幕上可读性会明显下降。

中英文混排时字体不协调、基线错位怎么解决?

中英文混排不协调的核心原因是字体的 x-height(小写字母高度)和描边粗细视觉上不匹配。解决方案:选择 x-height 和视觉重量相近的字体组合,实测效果较好的有:思源黑体 + Inter(无衬线搭配,适合 UI)、思源宋体 + Lora(衬线搭配,适合阅读类)。

CSS 写法上,利用 font-family 的回退机制:把英文字体放前面,中文字体放后面,例如 font-family: 'Inter', 'Source Han Sans SC', sans-serif; 这样英文字符由 Inter 渲染,中文字符自动回退到思源黑体。如果英文字体在混排中视觉上偏小,可以用 font-size 微调(通常调整 0.02–0.05em 的 letter-spacing 也有帮助)。

文档打开后字体显示乱码或方块是什么原因?

文档里出现方块(□)或乱码,通常是因为文档使用的字体在当前系统未安装,软件用默认字体替换后无法正确显示对应字符。解决方法:安装文档所需的字体(可以问文档创建者用了什么字体),或在软件里找到「替换字体」功能,把缺失字体替换为系统已有的字体。

如果是 PDF 文件出现乱码,通常是 PDF 导出时没有嵌入字体——在导出 PDF 时勾选「嵌入字体」选项可以避免这个问题,嵌入字体后 PDF 在任何设备上都能正确显示,文件体积会略有增加(通常增加 1–5MB,视字体文件大小而定)。网页字体乱码则需要检查 @font-face 的文件路径和 MIME 类型配置是否正确。

OFL 授权的字体可以修改后再发布吗?有什么限制?

可以修改和再发布,但有两个核心限制:第一,修改后的衍生字体不能使用原字体的「保留字体名称」(Reserved Font Name,简称 RFN),具体保留名称见各字体包里的 OFL.txt 文件。比如修改思源黑体后,不能继续叫「Source Han Sans」,需要换一个新名称。第二,衍生 字体必须同样以 OFL 授权发布,不能改用更严格或更宽松的授权协议。满足这两个条件,你可以自由修改字形、增加字符、调整间距,并以新名称发布,商用同样没有问题。

⚠️ 避坑指南

字体选型误区:设计新手最容易踩的坑

误区一:一个页面用超过三种字体
新手最常见的错误之一。字体种类越多,视觉越混乱。一个项目通常只需要两种字体:一种标题字体、一种正文字体。如果想制造层次感,通过同一字体的不同字重(Regular/Bold)和字号大小来实现,比换字体效果更稳定、更专业。
误区二:把手写体用在正文段落
手写体的可读性在小字号下会急剧下降,用在正文段落会让读者读得很痛苦。手写体只适合用在大号标题、Logo、装饰性短句,字号通常要在 24px 以上才能发挥其美感。正文请坚持用无衬线体或宋体。
误区三:忽视字体授权直接商用
「能下载就能用」是最危险的误解。方正、汉仪等商业字体有专门的版权维权团队,被追责的案例每年都有,赔偿金额从几千到几十万不等。使用前两分钟确认授权,比事后处理版权纠纷省心一百倍。
误区四:行距设置过小
很多新手觉得行距小显得「紧凑专业」,实际上行距过小会让读者视线跳行时频繁出错,阅读疲劳感大幅上升。中文正文行距建议 1.6–1.8 倍字号,不要低于 1.5 倍。标题可以适当压缩到 1.2–1.35 倍。
误区五:中英混排不做字体区分
直接用同一款中文字体显示英文,会导致英文字形不够精致(中文字体里的英文字符通常是「将就」设计的)。正确做法是在 CSS font-family 里先列英文字体再列中文字体,让英文字符由专门的英文字体渲染。
误区六:字号层级跨度不够
标题和正文字号差距太小,层级感不明显,读者无法快速扫读抓取重点。建议标题与正文的字号比例至少在 1.25 倍以上,重要标题甚至可以到 2 倍。层级清晰的排版能让信息传达效率提升显著。
💬 读者热评

读者评论 · 用户反馈

🎨
设计老鸟飞
昨天
资深会员
宋体和黑体混排那一节讲得太清楚了,之前一直搞不清楚基线对齐的问题,看完终于明白了,而且给的 CSS 写法直接能用,省了我好多时间。
💻
UI新手Leon
2小时前
新用户
免费商用字体那块救了我!差点把思源宋体的非商用版本用到客户项目里,幸好来这里查了一下授权,赶紧换成 OFL 版本了。
🍊
橙橙不是橙
前天
认证用户
字体授权那节真的很实用,以前根本不知道 OFL 和 CC0 的区别,一直以为免费下载就能商用,现在才知道差别这么大。
🖊
墨迹君2077
上周
老用户
求更新英文手写体专题!这篇文章里手写体部分写得不够细,想知道 Pacifico 和 Dancing Script 在实际项目里哪个更好用。
🍎
平面小白Mia
3天前
新用户
安装教程很详细,macOS 那部分跟着做一遍就成功了,之前试了好几次都不行,原来是没有「为所有用户安装」导致 Figma 读不到。
🏢
阿杰设计工作室
上周
认证用户
中英混排一直是我的痛点,这里给的解决方案很具体,font-family 顺序那个技巧之前完全不知道,试了之后效果明显好多了。
⌨️
typefan99
4天前
资深会员
字体大小和行距那节有数据有对比,比那些只说「合适行距」的文章强多了。1.6-1.8倍这个区间我实测了一下,确实中文正文用1.7最舒服。
📓
晓雯的设计日记
刚刚
新用户
第一次来,找了很久的字体对比文章,这篇写得最扎实,不是那种列一堆名字就完事的,每个字体都有具体的使用场景和授权说明。
🎭
颜料桶先生
5天前
老用户
方正字体那块建议再细分一下,有些字重的授权范围还是有点模糊,比如方正黑体和方正兰亭黑的授权条件就不一样,容易搞混。
🔧
爱折腾的小磊
上周
认证用户
字体管理工具对比很有用!之前一直用系统自带的,装了 FontBase 之后管理方便多了,按项目分组这个功能太实用了,再也不用在几百个字体里翻来翻去。
🤝 合作伙伴

合作平台与资源支持

🔤 Google Fonts
✏️ Adobe Fonts
🖋 方正字库
📐 汉仪字库
🎨 阿里巴巴设计
🌐 字体天下

以上为内容参考来源,不代表商业合作或背书关系。

🛡 服务承诺

字体网服务承诺与内容保障

授权信息核实
所有字体授权信息以官方公开文件为准,定期核查更新,发现变化及时修正。
🔄
持续内容更新
字体行业动态持续跟踪,新字体发布、授权变更、工具更新均会同步整理。
🚫
不提供侵权资源
本站不提供未经授权的字体文件下载,不展示破解版或盗版字体资源入口。
📧
问题反馈响应
发现内容错误或授权信息有误,欢迎通过邮件反馈,我们会认真核查并更新。
本站内容以官方/公开资料为准,暂无法确认的具体数字、名单、获奖信息不臆造。尊重原创与版权,不提供未授权资源。请遵守当地法律法规,合理使用字体资源。
🚀 立即开始

找到你的完美字体,从这里开始

无论你是在找免费商用字体、需要确认字体授权,还是想学字体搭配技巧,字体网都能帮你快速找到答案。

🏆 查看字体排行 🔐 授权避坑指南 📱 下载 App