免费字体 — 热门网站、实时预览以及如何使用它们
浏览免费字体的可信来源、测试实时预览、复制干净的 CSS 并学习使用网络字体的正确方法。包括开源、免费商业和个人使用的集合。
谷歌字体
奥弗兰最大的开源库，具有快速的全球 CDN、子集和可变字体。非常适合网络和应用程序。大多数家庭使用 SIL 开放字体许可证。
Fontshare（由 ITF 提供）
自由Indian Type Foundry 免费提供优质字体。干净的系列、简单的 CDN 嵌入和许多可变选项。
松鼠字体
免费商业专注于免费商业用途字体的精选目录。包括用于自托管的网络字体生成器。
活字印刷联盟
奥弗兰经典的开源代工厂，拥有 League Spartan 和 Raleway 等永恒的家族。非常适合品牌推广和编辑。
天鹅绒
奥弗兰具有独特显示风格的实验性开源字体。非常适合海报、文化和创意工作。
集体
奥弗兰社区铸造厂在开放许可下发布高质量的免费字体。强大的编辑和显示选项。
开放式代工厂
奥弗兰精心策划的开源字体索引，包含测试工具和以设计为中心的演示。非常适合发现新家庭。
1001 种字体
混合许可证带有过滤器的大型目录，可免费用于商业用途。阅读每个家庭的许可证；许多仅供个人使用。
大字体
个人使用巨大的档案最适合个人项目和灵感。许可证差异很大；检查每个下载页面。
图标字体（Font Awesome、Material Icons、Remix Icon）
免费套餐对于使用字体管道的 UI 图标。考虑现代 SVG 图标系统，但图标字体对于快速添加仍然有用。
实时预览和 CSS 片段
仅限本地 - 未上传任何内容功能比较（快照）
许可证因家庭而异| 地点 | 开源 | 免费商业 | 可变字体 | CDN/网络字体 | 笔记 |
|---|---|---|---|---|---|
| 谷歌字体 | 是的 | 是的* | 是的 | 是的 | 最大的库，快速的CDN |
| 字体共享 | 混合 | 是的 | 许多 | 是的 | 现代家庭 |
| 松鼠字体 | 混合 | 是的* | 一些 | 发电机 | 策划用于商业用途 |
| 活字联盟 | 是的 | 是的 | 一些 | 自托管 | 永恒的经典 |
| 天鹅绒 | 是的 | 是的 | 一些 | 自托管 | 实验展示 |
| 大字体 | 不 | 各不相同 | 很少 | 不 | 非常适合个人项目 |
如何在网络上使用免费字体
- 检查许可证：OFL 和其他许可许可证最适合商业项目。有些网站列出了仅供个人使用的字体。
- 选择交付：CDN 链接以提高速度，或自托管 @字体脸 用于控制和隐私。
- 如果 CLS 是一个问题，请为您的英雄文本预加载关键字体；定义后备堆栈以避免闪烁。
- 首选可变字体（如果可用），以减少请求并获得灵活的粗细。
CDN 示例
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
body{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
</style>
自托管示例
@font-face{
font-family: "MyFont";
src: url("/fonts/MyFont-Variable.woff2") format("woff2");
font-display: swap;
}
body{ font-family: "MyFont", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
* 始终在源网站上验证每个家庭的许可证。
常见问题解答
Google 字体可以免费用于商业用途吗？
大多数都是在 OFL 下发布的，并且可以免费用于商业用途。在每个家庭页面上确认许可证。
我应该使用图标字体还是 SVG 图标？
SVG 图标对于现代应用程序来说更加灵活。图标字体对于快速设置或遗留管道仍然有用。
网络字体会影响网站速度吗？
是的。使用 字体显示：交换，尽可能子集，并限制族和权重。
最好的通用字体是什么？
Inter、Roboto 和 Source Sans 3 用途广泛。与 Merriweather 或 Playfair 等衬线搭配作为标题。