Fontsource

服务商概述

Fontsource 是一个开源项目，把 Google Fonts 等开源字体打包成 npm 包，让前端团队用「装依赖」的方式引入字体文件。它本身不是字体厂商，而是网页字体领域里的「分发方式」：解决字体从哪来、怎么进构建流程的问题。

它的核心价值是「去第三方化」。字体文件随项目打包或复制到自有静态资源，浏览器不再向外部 CDN 请求，既消除隐私合规风险，也避免外部 CDN 不稳定导致的加载失败。对已有前端构建流程的团队，这种方式几乎零额外成本。

代价是体积管理：自托管意味着字体文件进入仓库或产物，未做子集化时会把构建体积推高；同时字体更新需要手动升级依赖，不像 CDN 链接那样自动生效。它适合有工程能力、追求可控性的团队。

核心优势

• 把字体打包成 npm 依赖，随构建流程安装，无需手工下载与拷贝文件
• 字体随项目自托管，浏览器不请求第三方 CDN，消除相关隐私合规风险
• 支持按字重、字宽与子集引入，可只打包实际使用的文件以控制体积
• 与主流前端构建工具兼容，可作为 CDN 方案的可控替代

产品生态

包管理与引入

按「字体名/字重/子集」安装并引入 CSS，可按需加载。要提醒的是默认引入会带上全部子集，中文与多语言站点应显式指定子集，否则产物体积会失控。

自托管与构建集成

字体文件进入构建产物后，可配合 preload 与缓存策略精确控制加载。代价是每次字体更新都需要升级依赖并重新构建，需要纳入版本管理流程。

不足之处

• 自托管把字体文件纳入仓库或产物，未子集化时构建体积明显增加
• 字体更新依赖手动升级依赖包，不会像 CDN 链接那样自动生效
• 需要前端工程能力，非技术团队上手成本高于直接引用 CDN
• 开源项目的长期维护依赖社区，企业级支持不明确

适用场景

• 已有前端构建流程的团队（★★★★★）：安装依赖即接入，几乎零额外成本
• 重视隐私合规的站点（★★★★☆）：字体完全自托管，不产生第三方请求
• 需要离线或内网部署（★★★★）：字体随产物分发，不依赖外网可达性
• 无工程能力的建站场景（★★）：需要构建流程，直接用 CDN 更简单

价格参考

软件与字体均免费，成本在工程与体积。做决策时算一笔账：自托管减少的 CDN 请求与隐私风险，是否值得每次字体更新都要走一次构建与回归？对中大型前端项目通常值得。

常见问题

• 和直接引用 Google Fonts 有何不同？ 请求来源不同：Fontsource 让字体随项目自托管，浏览器不访问第三方；Google Fonts 走外部 CDN，接入更简单但存在隐私与稳定性风险。

• 体积怎么控制？ 只引入实际使用的字重与子集，中文站点务必显式指定子集；再配合 preload 与长缓存策略，把首屏字体请求控制在 1–2 个文件。

• 字体更新怎么办？ 升级依赖包并重新构建，与普通 npm 依赖的升级流程一致。建议在锁文件层面固定版本，避免意外升级导致字形变化影响既有设计。