字体全面实测对比:2026年设计师必备中英文字体选择指南
以第三方评测视角,系统梳理主流字体的实际表现、授权安全性与设计场景适配度。从宋体到无衬线、从OFL到商业授权,帮你做出最优字体选型决策,少走一年弯路。
以上数字仅用于描述本站内容规模与更新情况,不代表真实访问量或第三方背书。
什么是字体:基础概念与分类体系
字体、字型、字库——三者是什么关系?
很多人把「字体」「字型」「字库」混着用,其实它们有细微但重要的区分。「字体」(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 授权完全免费商用,适合潮流、年轻、个性类品牌。如果需要更传统的圆体风格,「优设标题黑」和部分思源圆体变体也是值得参考的选项,但使用前需逐一确认授权范围。
英文字体大类解析:衬线体、无衬线体、手写体字体实测
衬线体在笔画末端有「小脚」装饰,视觉上更接近铅字印刷传统,传递「权威、经典、品质」的感觉。代表字体:Times New Roman(历史悠久,过时感强)、Georgia(屏幕友好的衬线体)、Playfair Display(高端品牌首选)、Lora(现代感强的阅读衬线体)。
在英文设计中,衬线体常用于奢侈品牌、新闻媒体、法律文件、书籍正文。Playfair Display 的字形带有强烈的对比度(横细竖粗差异大),适合大号标题,小号正文会显得纤细难读。Georgia 是少数在屏幕上也表现良好的衬线体,现代浏览器的默认衬线字体常选它。
英文OFL推荐无衬线体笔画末端没有装饰,线条干净简洁,屏幕上辨识度极高,是数字产品的主流选择。代表字体:Inter(UI 设计首选)、Roboto(Google 系产品标准字体)、Helvetica(设计圈经典)、SF Pro(Apple 系统字体)。
Inter 是目前开源无衬线体里最值得关注的一款,由 Rasmus Andersson 设计,专为屏幕可读性优化,字形细节考究、字重从 Thin 到 Black 覆盖完整,SIL OFL 授权免费商用。在 Figma 的默认字体选择中,Inter 的使用频率极高,也是众多知名产品的实际用字。
英文免费OFL手写体模拟人手书写的笔触,从优雅的花体到随意的涂鸦风格都有,强烈传递个性与情感。代表字体: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年最值得关注的免费商用字体排行榜
以上评分为编辑部综合评估,不代表官方或第三方机构背书。授权信息以各字体官方最新文件为准。
字体授权全解:免费≠可商用,字体版权避坑指南
字体授权的主要类型
目前字体圈里最常见的授权类型有以下几种,搞清楚它们的区别,基本上能覆盖 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 全平台操作详解
-
1下载字体文件从官方渠道下载 .ttf 或 .otf 文件,如果是 .zip 压缩包先解压。建议下载到桌面或专用文件夹,方便管理。
-
2右键选择安装方式右键点击字体文件,选「安装」(仅当前用户)或「为所有用户安装」(需管理员权限,推荐选这个,避免部分软件找不到字体)。
-
3验证安装成功打开「控制面板 → 字体」,搜索刚安装的字体名称,能找到说明安装成功。重启 PS/AI/Figma 等设计软件后即可使用。
💡 批量安装技巧:选中多个字体文件后右键,可以一次性安装所有选中的字体,省去逐个安装的麻烦。
-
1下载并解压字体文件从官方渠道下载字体文件,macOS 支持 .ttf、.otf、.dfont 等格式。zip 文件双击即可解压。
-
2双击打开字体预览双击字体文件,系统会打开「字体册」(Font Book)预览界面,点击右下角「安装字体」按钮完成安装。
-
3或手动拖入字体目录当前用户字体目录:~/Library/Fonts;全局字体目录:/Library/Fonts(需管理员密码)。直接把字体文件拖进去同样有效。
💡 Figma/Sketch 等 App 安装字体后,通常需要重启 App 才能刷新字体列表。
安装后在设计软件里找不到字体怎么办?
这是新手最常遇到的问题。首先确认字体是否真的安装成功——在系统字体目录里搜索字体名称,能找到文件说明安装没问题。然后完全退出设计软件(不是最小化,是真正退出),重新打开后再搜索字体。如果还是找不到,检查一下字体的安装范围:如果是「仅当前用户」安装,部分以管理员权限运行的软件可能读不到,改为「为所有用户安装」可以解决。
还有一种情况是字体族(Family)里有多个字重,在软件里需要先选字体名称,再在字重下拉菜单里选具体字重,而不是每个字重单独出现在字体列表里。比如思源黑体的 7 个字重,在 Photoshop 里是先选「Source Han Sans SC」,再在字体样式里选 ExtraLight/Light/Regular 等,不会在字体列表里出现 7 个独立条目。
UI 设计场景字体选型实测:App、网页、后台系统
用户名不能包含特殊字符,请重新输入。密码长度需在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 风格字体;传统文化/国潮类品牌:楷体或宋体,推荐霞鹜文楷、思源宋体;年轻/潮流类品牌:个性黑体或圆体,推荐得意黑、优设标题黑。
以上比例为编辑部基于行业观察的估算,仅供参考,不代表精确统计数据。
字体大小与行距:影响可读性的关键参数实测
字号的基本规律
网页正文字号的行业通行标准是 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 倍,视觉上更紧凑有力。
| 使用场景 | 推荐字号 | 推荐行距 | 备注 |
|---|---|---|---|
| 网页正文 | 16px | 1.6–1.8× | 中文建议取上限 |
| 移动端正文 | 14–16px | 1.6× | 小屏行距不宜过大 |
| UI 辅助文字 | 12–13px | 1.5× | 提示/标签/说明 |
| 大标题 H1 | 28–48px | 1.2–1.35× | 字号越大行距越紧 |
| 小标题 H3 | 18–22px | 1.4× | 过渡层级 |
| 印刷正文 | 9–11pt | 1.4–1.6× | 印刷单位用pt |
中英文字体混排实测:常见问题与字体解决方案
为什么中英文混排容易「看起来不对」?
中文字符是等宽的方块字,每个字占据相同的正方形空间;英文字符是变宽的,每个字母宽度不同。当两者混排时,视觉上最容易出现的问题有三个:一是「基线错位」——中文字符的视觉重心偏上,而英文字符的基线(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,中文用思源黑体,实现优雅的混排效果。
字体工具推荐:字体管理、预览与下载平台横评
字体搜索全景:大家都在搜什么
以下数据来自搜索引擎相关搜索词分析,按搜索意图归类,帮你快速了解字体领域最集中的用户需求方向。
数据来源:搜索引擎相关搜索词,近 30 天印象量,仅供参考,不代表精确用户量或排名。
字体网评测团队介绍
以上为用于说明内容分工的虚拟角色,不代表真实履历或机构。内容以官方/公开资料为准,暂无法确认的具体数据不臆造。
常见字体问题答疑:缺失、乱码、授权、搭配全解
免费字体一定可以商用吗?字体授权怎么确认?
「免费」和「可商用」是两件完全不同的事,这是字体领域最常见的误区。「免费」只代表你可以不付费下载和个人使用,商用授权需要单独确认。常见的可商用授权类型包括: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 授权发布,不能改用更严格或更宽松的授权协议。满足这两个条件,你可以自由修改字形、增加字符、调整间距,并以新名称发布,商用同样没有问题。
字体选型误区:设计新手最容易踩的坑
合作平台与资源支持
以上为内容参考来源,不代表商业合作或背书关系。
字体网服务承诺与内容保障
本站内容以官方/公开资料为准,暂无法确认的具体数字、名单、获奖信息不臆造。尊重原创与版权,不提供未授权资源。请遵守当地法律法规,合理使用字体资源。
读者评论 · 用户反馈