字体设计网怎么找可商用字体？查授权到上线 5 步

字体设计网最容易让人走错的一步，是它长得太像字库了：列表、预览一应俱全，可它本身不能下载字体。可真正决定这款字能不能商用的那句话，压根不在这页上，它写在字库官方的授权页里。所以找可商用字体，入口站只是第一步，判断在官方页。

出海做落地页、做广告图、做封面图，字体是绕不开的一环。用错字体，页面做得再顺眼，授权上也可能留个尾巴。猎者出海做英文独立站，字体这一步一直是先查授权再上线。各地网络环境和服务可用范围不一样，以官方为准。

• 这类站是入口，不是字库，字体文件要从Adobe Fonts、Google Fonts、Noto、思源黑体这些官方源拿。
• Adobe Fonts全库可用于个人和商业项目；Noto全部字体是Open Font License，能商用，但不能单独售卖字体本身。
• 流程是先用筛选面板把字体范围缩小，再回官方页看授权名称，最后用@font-face自托管上线。
• 免费下载不等于可商用，下载文件这个动作本身就表示同意授权条款。

这篇讲的是字体从筛选到上线要走的几步，哪一步容易出错，出错之后按什么顺序回查。

字体设计网是什么，和Adobe Fonts、Google Fonts什么关系

「字体设计网」这个说法，指的是一类入口站。它们的用处是让你知道有哪些字体可选，本身不生产字体，也不持有字体版权。真正提供字体文件、写授权条款的，是Adobe Fonts、Google Fonts、Noto、思源黑体这些官方源。

它解决的是「去哪找字」，不解决「能不能商用」

入口站解决的是「去哪找字」。你从它那里知道一款字的名字，接下来要打开这款字所在的官方页，看它怎么写授权。

「能不能商用」这个问题，入口站回答不了。授权条款写在字库官方页上，字体站只是把字体列出来。你在字体站看到「免费下载」几个字，不等于这款字能商用。要判断，只能打开官方页看授权名称。

三类官方源各管什么

Adobe Fonts是订阅制，字体库很大。官方写全库字体可用于个人和商业项目，也能用在logo的图像或矢量作品、网站发布、PDF嵌入、影像与广播这些场景。页面只写包含在订阅内，没标价格。

Google Fonts和Noto是一套。Noto覆盖多种语言和书写系统，有多字重多字宽，风格包括无衬线、衬线、等宽等。Noto这个名字是「no tofu」的缩写，目标是消除没有字体可用时出现的空白方块。

思源黑体是一套OpenType Pan-CJK字体，开源，项目同时提供构建这些字体所用的全部源文件。下载配置有OTF、OTC、Super OTC、Subset OTF、Variable OTF/TTF/WOFF2几种。

中文字体在筛选面板里叫什么

Adobe Fonts的筛选面板里，语言选项有Chinese (Simplified)和Chinese (Traditional)。中文字体的设计分类叫Kǎi tǐ、Fǎng sòng tǐ、Sòng tǐ、Hēi tǐ、Yuán tǐ，对应楷体、仿宋体、宋体、黑体、圆体。

在Google Fonts知识库里，中国衬线类设计叫宋体，无衬线叫黑体，装饰类归到decorative。英文风格筛选是另一套：Sans serif、Serif、Slab serif、Script、Monospaced。两套筛子分开用，别混着勾。

为什么出海做图要先过字体站再回官方页

出海做图、做落地页，字体不是选好看就行。你要同时回答两个问题：这款字能不能商用，以及它能不能在网页上正常加载。第一个问题只有官方授权页能回答，第二个问题只有浏览器能回答。字体站在中间，帮你把候选范围缩小。

字体站能帮你把范围缩小

找中文字体，先要确定语种。Adobe Fonts的语言筛选里有Chinese (Simplified)，勾了它，用不上的语种就被砍掉了。接着按风格筛，Sans serif还是Serif；再按中文字体设计分类筛，宋体、黑体、楷体、仿宋体、圆体；最后按字重、字宽、x-height、对比度、技术特性收窄，可变字体、彩色字体、各轴都在这层。

这几层筛完，候选会小很多，你才有得挑。筛选面板的用处就在这，把「看哪几款」这件事定下来。

它的局限在授权这一层

字体站能告诉你有哪些字，告诉不了你这款字能不能商用、能不能改、能不能随产品分发。这些写在授权条款里。Google Fonts的授权页会逐个字体标授权名称，比如Open Font License、Apache License, Version 2.0。授权名称不一样，能做的事不一样。

字体站不会替你把这一行看完。你从字体站跳到官方页，才算走到能下判断的地方。

一句话判断：站内能筛，官方页才能定

筛选是字体站和官方字体库的活，决定能不能用的是官方授权页。顺序反过来，先下载再补授权，后面改起来更麻烦。

怎么用字体站找可商用中文字体：5步

这五步按「先缩范围、再看授权、最后上线」排。每一步写清楚在哪做、为什么做、卡住了回哪查。

1. 第1步，按语言筛Chinese (Simplified)。在Adobe Fonts的字体列表页，语言筛选里勾Chinese (Simplified)。先砍掉用不上的语种，后面每一步都在更小的池子里做。筛完没结果，放宽到Chinese (Traditional)再看一轮，简中和繁中在字体覆盖上不是一回事。



2. 第2步，按风格与设计分类收窄。先勾Sans serif或Serif，再勾Kǎi tǐ、Fǎng sòng tǐ、Sòng tǐ、Hēi tǐ、Yuán tǐ里的一个或两个。英文风格和中文设计分类是两套筛子，中文按书体分，英文按衬线分，混着勾容易筛空。分类名对不上，点进字体详情页看它的标签，标签上写的分类就是准的。

3. 第3步，按字重、字宽、x-height、对比度、可变字体继续收窄。在筛选面板里逐项勾。落地页标题和正文往往要两个字重，标题粗、正文常规。只选一款字重，正文和标题就得靠浏览器加粗，效果不可控。可变字体一个文件能覆盖多个字重，页面上要控制文件体积时可以优先看它。勾太多筛空，一次退一项，退到有结果为止。

4. 第4步，回官方页核对授权。打开Google Fonts的Open Source Font Attribution页，或者字库仓库里的LICENSE.txt，看授权名称那一行。授权名称决定能怎么用，Open Font License和Apache License, Version 2.0是两种不同的授权，不能混着理解。页面只列了授权名称、没列全文，去字库仓库找LICENSE.txt，全文在那里。

5. 第5步，下载并自托管上线。把字体文件放进本地项目，记下它相对于引用它的CSS文件的位置，src写相对URL，比如../fonts/xxx.woff2。自托管不用在HTML的head里引外部服务，直接在自己的样式表里加@font-face就行。字体没加载，按后面第6节的顺序查，先看规则位置，再看font-family和src，再看域名，最后看src里的来源顺序。

字体包大了，备份和分发可以配合国外大文件网盘。下载之前再看一眼第4步记下的授权名称，别下错版本。

数字和限制：免费渠道、计价方式、格式门槛

这一节把几个会影响决定的数字和规则集中列出来，后面不再重复。

这张表里最容易被忽略的是第四行，付费字体的授权不是买一次管到底，流量涨到下一档，授权要跟着换。

Adobe Fonts是订阅制，页面只写在订阅内提供，没写具体价格。Google Fonts、Noto、思源黑体是免费的。免费不等于没有条件，OFL的条件写在LICENSE.txt里，思源黑体那份是96行、4.36 KB。条件要逐条看，不是看个授权名字就完。

上线前@font-face怎么写才不白干

@font-face是CSS规则，用来指定显示文字的自定义字体，字体可以从远程服务器加载，也可以用用户电脑上已安装的本地字体。规则不难，错的地方很集中。

必填两项：font-family和src

@font-face规则要生效，font-family和src两个都得写。少一个，整条规则无效。font-family是你给这款字体起的名字，后面在CSS选择器里用这个名字；src告诉浏览器去哪找字体文件。

src里可以同时写local()和url()，用户设备上有这款字就用本地副本，没有就下载。浏览器按声明顺序试，所以local()通常写在url()前面。

三条硬限制

先说最要命的一条，@font-face不能写在CSS选择器里面。写在.className里不会生效。

还有个事，字体文件必须和用它的页面在同一个域名下，除非用HTTP访问控制放宽这个限制。

第三，src里如果列了多个来源，带format()或tech()的更具体版本要放在前面，不然浏览器可能先试了不具体的那个。local()写在url()前面，也是这个顺序问题。

上线自查

页面写完，打开看字体是不是真的加载出来。标题和正文各看一处，别只看标题。没加载，按第6节的顺序查。

自查这一步不能省。@font-face写错不会报错，页面照样打开，只是字体悄悄换成了默认字体。你看着页面好像变了，实际可能没变。

容易出错的地方和排查顺序

误区分两摊，一摊在授权，一摊在写法。排查也按这两摊走。

授权侧四个误区

免费下载不等于可商用。Google Fonts写明，从这类服务免费下载字体文件，意味着同意字体授权条款，条款里怎么规定就怎么用。

买一次授权不等于管终身。付费字体通常按网站每月独立访客数计价，流量涨了要买新的授权。

OFL字体不能单独拿去卖。条件一规定，字体软件及其任何组成部分，无论原始版还是修改版，都不得单独售卖。

改了字体还沿用保留字体名，不行。条件三要求修改版使用保留字体名必须拿到版权方的书面许可。思源黑体的保留字体名是Source。

技术侧三个误区

把@font-face写进CSS选择器，不生效。这是写法问题里最先要看的。

漏写font-family或src，规则无效。两个必填项，缺一个整条规则都不算数。

字体文件放在别的域名下，受同域限制加载不了，除非用HTTP访问控制放宽。

排查顺序

字体没出来，按这个顺序查，别一上来就换字体。

第一步，看@font-face是不是写在选择器外面。第二步，看font-family和src是不是都写了。第三步，看字体文件和页面是不是同一个域名。第四步，看src里local()和url()的顺序，带format()或tech()的有没有放在前面。

四步都过了，再看文件路径对不对。路径不对，前面几步查得再细也白搭。

AI能帮哪几步，哪几步必须人来核

AI在字体这件事上能帮的是整理和对照，不能替你看授权页，也不能替你在筛选面板里点。

AI能帮的几步：

1. 把候选字体清单整理成表。你从字体站筛出来的字体名、语言、风格、授权名称，交给AI，让它按授权名称分组，标出哪些是Open Font License，哪些是Apache License, Version 2.0。
2. 把OFL的五条条件改写成「能做什么 / 不能做什么」两栏。原文是英文法律文本，逐条对照比整段读省事。
3. 按筛选维度生成一份选字检查清单。语言、风格、设计分类、字重、字宽、x-height、对比度、可变字体、彩色字体，每项一行，做成勾选项。
4. 把@font-face的必填项和常见错误写法整理成上线前自查表。

这些整理资料、对照官方文档的活，猎者出海的AI Agent也能接。你把字体清单和授权原文给它，让它出表，你负责看结论。

人要做的三个动作：

• 在字体站的筛选面板里勾Chinese (Simplified)和目标风格，记下筛出来的字体名。
• 打开该字体的官方授权页，看授权名称那一行写的是什么。Google Fonts的Open Source Font Attribution页，或者字库仓库的LICENSE.txt。
• 在本地样式表里写好@font-face，打开页面看字体是不是真的加载出来。没加载，按第6节的顺序查。

三条提示词，本文给的示例，不是官方模板：

1. 「下面是一份字体清单，每行含字体名、语言、授权名称。请整理成表格，按授权名称分组，并标出哪些授权允许商用、哪些不允许单独售卖字体本身。只依据我给的信息，不要补充。」
2. 「这是SIL Open Font License Version 1.1的原文。请把五条条件逐条改写成中文要点，每条一行，保留原文里的条件编号，不要加解释。」
3. 「请根据以下筛选维度生成一份选字检查清单：语言、风格、设计分类、字重、字宽、x-height、对比度、可变字体、彩色字体。每项一行，写成勾选项。」

AI不替你判断授权能不能用，也不替你上线后看字体有没有加载，这两步只能自己做。

常见问题

Noto能商用吗

能。全部Noto字体采用Open Font License，可用于印刷或数字、商用或其他用途。不能单独售卖字体本身。

Adobe Fonts能商用吗

能。官方写全库字体可用于个人和商业项目。具体场景和订阅条款以Adobe的产品特定条款为准。

网页字体用什么格式

一般最好用WOFF2。它比WOFF或OpenType压缩更高效，文件体积更小，加载更快。

自托管和用字体分发服务差在哪

自托管不用在HTML的head里引外部服务，直接在自己的样式表里加@font-face。代价是字体文件要自己放、自己管路径。

思源黑体是什么授权

SIL Open Font License Version 1.1。能商用、能改、能随软件分发，不能单独售卖字体本身。

字体这件事，选字只占一小半，剩下的功夫在授权页和上线后的加载检查上。候选清单和条款对照可以交给猎者出海的AI Agent整理，授权名称那一行和页面上字体有没有真的加载，得你自己看。

相关文章：落地页文案要过语法检查可以看Grammarly写作检查，演示视频要剪可以看Descript视频剪辑，学术类内容可以看Paperpal学术写作，批量写文章可以看AISEO文章写作。