免費字體 — 熱門網站、實時預覽以及如何使用它們
瀏覽免費字體的可信來源、測試實時預覽、複製乾淨的 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 等襯線搭配作為標題。