核心功能
使用指南
- 1
访问 fontsource.org 首页，在搜索框输入目标字体名称如Inter或Roboto。
- 2
进入字体详情页，输入自定义文字预览字形，并切换字重查看渲染差异。
- 3
若需网页使用，复制页面给出的npm安装命令到项目终端执行。
- 4
在入口JS文件中import引入对应字重，如@fontsource/inter/
- 5
css。
- 6
若不便构建，改用页面提供的CDN链接，粘贴到HTML的link标签中。
- 7
使用左侧筛选栏勾选Variable fonts，筛出可变字体以减小体积。
- 8
按语言筛选选择简体中文或日文，确认字体是否覆盖所需字符集。
- 9
下载字体文件后，可在桌面设计软件中直接安装并使用。
优势亮点
收录超2100个字体家族，涵盖多语言与图标字体，满足多数项目选型。
提供npm包与CDN直链，字体可本地部署，规避外部域名请求与隐私争议。
支持筛选variable fonts，单文件覆盖多字重，有效减少加载请求数。
项目源码开放，字体均为开源授权，个人与商业项目均可免费使用。
使用须知
定价: Fontsource 为开源社区项目，字体浏览、预览、下载、npm 包与 CDN 链接均免费开放，未设置付费订阅或企业版分层。个人开发者、初创团队及商业项目均可直接使用，授权以各字体自身开源协议为准。官网未见明显收费入口，如需企业级支持或授权确认，建议以官网定价与字体许可说明为准。
价格和授权政策可能变化，请以官网最新信息为准
资料由中文导航编辑部整理并经健康检测核验，定期复查更新。
收录信息以收录当日官网状态为准，如发现内容过期请通过下方反馈告知。
访问第三方网站时，请注意以下事项:
- 谨慎提供个人账号、密码和支付信息
- 下载文件前确认来源安全，警惕诱导性广告
- 涉及版权素材使用时，请核实授权范围
- 如遇网站无法访问或内容异常，可反馈给我们
常见问题
深度了解
Fontsource 是一个面向 web 开发与设计场景的开源字体资源库，官网地址为 https://fontsource.org。平台收录超过 2100 个字体家族，覆盖展示体、衬线体、无衬线体、等宽体与图标字体，并提供可变字体专项入口。与调用第三方字体托管服务不同，Fontsource 强调自托管，用户可将字体文件下载到本地或通过 npm 包引入项目，减少对外部域名的请求。
核心功能围绕浏览、预览、引入三条链路展开。浏览侧支持按分类与语言筛选，并可切换网格与列表视图；预览侧可在详情页输入自定义文字，以 32px 字号实时查看字形；引入侧提供 npm install @fontsource/字体名 命令、CSS 引入语句以及 CDN 直链三种方式，同时给出 WOFF2 等格式的下载入口。可变字体筛选可帮助开发者用单文件覆盖多字重，降低请求数量。
使用场景集中在三类：一是企业官网与营销页需要统一字体视觉，同时控制加载性能；二是开源项目与文档站需要可商用字体，避免授权风险；三是面向日文、韩文、简体中文的站点，需要按语言筛选字符集覆盖完整的字体。前端工程化项目中，通过 npm 引入可随构建产物一起打包，便于版本锁定与按需子集化。
与 Google Fonts 相比，Fontsource 不依赖单一 CDN，字体资源可本地部署，在隐私合规与网络可用性上更灵活；与 Adobe Fonts 相比，Fontsource 免费且开源，适合预算有限的团队；与 Bunny Fonts、Fontshare 相比，其 npm 包生态与版本管理更贴近现代前端工作流。局限在于部分小众字体的更新依赖社区贡献，响应速度不如商业字体服务。
人群建议方面，前端开发者可优先使用 npm 方式引入并配合子集化；设计师可用在线预览快速比对字形；隐私敏感型项目建议下载字体文件自托管；仅需少量图标字体的项目可直接使用 Material Icons 等包。整体而言，Fontsource 适合追求可控、免费与工程化集成的字体使用需求。
用过Fontsource？说说你的真实体验
你的点评会帮助上千万人避坑选型——匿名发表，无需注册，30 秒即可完成
用户评价
还没有评分
成为第一个评价 Fontsource 的人
我的评分
随下方评论一并提交