Google Fonts 是 Google 營運的免費字型庫與網頁字型(Web Font)服務:開啟目錄即可瀏覽、試打並下載字型,也可以複製一段 CSS 連結將字型直接嵌入網頁,由 Google 的 CDN 負責分發。它在 2010 年以 Google Web Fonts 之名上線,與付費字型商城的根本差異在於:目錄內所有字型皆以 SIL Open Font License 1.1、Apache License 2.0 等開源授權發布,可無條件用於商業與非商業專案。截至 2026-09-02,目錄共收錄 1,946 個字型家族,其中 558 個為可變字型(Variable Fonts),另有 3,900 餘枚 Material Symbols 開源圖示。

Google Fonts 首頁:列表上方顯示「1,946 of 1,946 families」,Roboto 標註為可變字型,左側為篩選器

上圖是官網首頁:列表上方即時顯示目錄規模(1,946 個家族),第一個條目 Roboto 旁標註「Variable (3 axes)」,即可變字型及其軸數;左側欄可依書寫系統(Writing system)、語言與風格感受(Feeling,如 Business、Calm、Playful)篩選,頂部是自訂文字的試打預覽框;上方卡片入口分別通往排版教學(Knowledge)、字型載入效能最佳化、Developer API 與自架託管指南。

站點速覽

  • 網址:https://fonts.google.com/;程式碼與字型檔案倉庫 https://github.com/google/fonts
  • 類型:開源字型目錄+網頁字型分發服務(另含圖示字型庫)
  • 費用:免費,全部字型可商用
  • 註冊要求:瀏覽、嵌入、下載均無需帳號;Developer API 需要 Google Cloud API 金鑰
  • 介面語言:英文(字型本身涵蓋拉丁、西里爾、阿拉伯、中文、日文、韓文等多種文字)
  • 上線時間:2010 年
  • 營運方:Google

站點背景

Google Fonts 於 2010 年上線,最初名為 Google Web Fonts,目標是讓任何網頁都能透過一條樣式表連結使用伺服器端的字型,而不必依賴訪客本機安裝的字型。目錄介面先後在 2011、2016、2020 與 2023 年改版;2020 年 3 月目錄加入可變字型支援,2021 年 3 月開始收錄開源圖示(Material Icons)。

整個目錄以開源方式維護:官方 GitHub 倉庫 google/fonts 保存所有字型檔案與各家族的元資料(METADATA.pb),同時作為問題追蹤與字型投稿入口,截至 2026-09-02 有 20,434 個 Star。目錄中 212 個家族屬於 Google 主導的 Noto 專案——目標是為世界上所有現代與古代文字提供「不再出現豆腐塊(□□□)」的開源字型,繁體中文、簡體中文、日文、韓文皆有對應家族。

字型目錄與檢索

目錄按無襯線(720)、展示體(468)、手寫體(358)、襯線(349)、等寬(51)五類組織(數量截至 2026-09-02,由官方元資料統計),除書寫系統與語言外,還可以依字重、字寬、筆畫傾斜等技術屬性與「感覺」標籤過濾。點進任意家族頁面,可以輸入自訂文字試打、檢視字形與語言覆蓋範圍、確認授權條款;標註為 Variable 的家族還提供可變軸滑桿即時調整。

Noto Sans SC 詳情頁:標題下的標籤註明「Technology — Variable」,左下角為字重可變軸滑桿,右上角為 Get font 按鈕

上圖以 Noto Sans SC(思源黑體簡體中文版)的詳情頁為例,繁中使用者常用的 Noto Sans TC 頁面結構完全相同:試打區直接渲染文字,左側「Variable Axes」面板給出字重(Weight)滑桿;頁面頂部標籤註明其為可變字型,右側「Get font」按鈕集中提供嵌入程式碼與整包下載。Noto Sans 系列同時支援漢字、拉丁、西里爾、希臘、日文假名與韓文音節,是中英混排網頁的常用選擇。

網頁嵌入、下載與開放介面

網頁嵌入使用 CSS API v2:在頁面中加入一條 https://fonts.googleapis.com/css2?family=... 樣式表連結即可,瀏覽器會向 Google 伺服器請求 CSS 與 WOFF2 字型檔案。API 支援一次請求多個家族、以 wght@200..900 語法指定可變軸區間、用 display=swap 控制載入行為,以及透過 text= 參數只保留指定字元——官方稱對標題類用法最高可縮減約 90% 的字型檔案體積。

不想依賴 Google CDN 時有幾條官方或社群路徑:家族頁面的「Get font」可下載整包 TTF;GitHub 倉庫提供超過 1GB 的全量 ZIP 快照;官方 Knowledge 欄目有專門的自架託管教學,社群專案 Fontsource 則把字型打包成 NPM 相依套件,方便整合進建置流程。面向開發者的 Developer API 以 REST 方式回傳全部家族的元資料 JSON(需 API 金鑰),Android 的 Downloadable Fonts 與 Google Workspace 文件套件也都使用同一字型庫。

Material Symbols 圖示庫

2021 年起,Google Fonts 同時託管 Google 的開源圖示。截至 2026-09-02,新版 Material Symbols 收錄 3,903 枚圖示(各有 Outlined、Rounded、Sharp 三種風格),舊版 Material Icons 約 2,160 枚(五種風格)。Material Symbols 以單一可變字型檔交付,提供填充(FILL)、字重(wght,100–700)、級別(GRAD)與視覺字號(opsz,20–48)四個可調軸。

Material Symbols 圖示頁:左側為 Fill、Weight、Grade、Optical Size 四個可變軸滑桿,右側為圖示網格

上圖是圖示瀏覽頁:左側滑桿即時調整四個可變軸,網格中點擊任意圖示即可取得 SVG/PNG 下載與字型嵌入程式碼。網頁端透過連字(ligature)機制使用——在 HTML 中寫入圖示名稱文字即可渲染對應圖形;由於預設載入全部 3,800 餘枚圖示約需 295 KB,官方建議以 icon_names= 參數只打包用到的圖示(範例中可降至 1.7 KB)。圖示以 Apache License 2.0 發布。

授權與版權

字型目錄的授權結構在官方倉庫 README 中有明確說明:絕大多數字型採用 SIL Open Font License 1.1,一部分採用 Apache License 2.0,Ubuntu 系列採用 Ubuntu Font License 1.0;三者皆為自由軟體授權,允許在商業產品中免費使用、修改與再分發。官方開發文件同時聲明全部字型「可用於任何非商業或商業專案」。兩個細節值得留意:部分 OFL 字型啟用了 Reserved Font Name 條款,修改後再分發時不得沿用原字型名稱;每個家族目錄都附有獨立的 LICENSE 檔案,使用前應以該檔案為準。圖示字型(Material Symbols/Material Icons)統一採用 Apache 2.0。

隱私爭議與自架託管建議

Google Fonts 最廣為人知的爭議發生在德國:2022 年 1 月 20 日,慕尼黑第一地方法院(LG München I,案號 3 O 17493/20)判決,某網站透過 Google Fonts API 動態嵌入字型時,未經訪客同意將其 IP 位址傳輸給 Google,違反 GDPR;法院判處網站營運者賠償 100 歐元並停止該嵌入方式,理由是字型完全可以自行託管,不存在必須直連 Google 伺服器的「正當利益」。2022 年 8 月起,德國出現以此判決為依據的大規模警告信(Abmahnung)浪潮,數千家網站營運者收到小額索賠函。

需要說明的是,該判決針對的是「網頁載入時從 Google 伺服器即時取得字型」的嵌入方式,而非字型檔案本身;將字型下載或託管在自己的伺服器上即可完全規避此問題。技術層面還有一項變化削弱了 CDN 嵌入的理由:自 2020 年 10 月 Chrome 86 啟用快取分區(Safari、Firefox 更早或同期跟進)後,跨站共享的字型快取不復存在,「訪客多半已快取過 Roboto」的舊優勢已經失效。

適用場景

  • 網頁與應用程式需要免授權費、可商用的字型,尤其是多文種混排(Noto 系列)
  • 設計稿與桌面排版:下載 TTF 後在 Figma、Office 等任意軟體中使用
  • 可變字型與回應式排版實驗:單一檔案涵蓋連續字重/字寬
  • 需要統一風格的開源圖示:Material Symbols 與 Material 設計體系天然配套
  • 自建字型管線:透過 GitHub 倉庫、Developer API 或 Fontsource 整合進建置流程

局限

  • 在中國大陸無法直接使用 CDN 嵌入:fonts.googleapis.com 與 fonts.gstatic.com 與其他 Google 服務一樣在中國大陸無法穩定存取,面向該地區訪客的站點必須自行託管或使用鏡像。
  • 動態嵌入的隱私成本:只要從 Google 伺服器載入字型,訪客的 IP 位址等請求資訊就會傳送給 Google;在歐盟法域這已被法院認定為需要合法依據的處理行為。
  • 目錄邊界:只收錄自由授權字型,不包含各大商業字型廠商的付費字型;介面僅英文。
  • 品質與同質化:家族品質參差,Roboto、Open Sans 等熱門字型被極大量網站使用,視覺上缺乏辨識度。
  • 版本會靜默更新:同一嵌入連結背後的字型檔案會隨上游修訂更新,渲染細節可能隨時間改變。

同類參考

  • Adobe Fonts:訂閱制商業字型庫(隨 Creative Cloud 提供),收錄大量商業廠商字型,授權模式與 Google Fonts 不同。
  • Fontsource:將 Google Fonts 等開源字型打包為 NPM 套件的自架託管方案,適合現代前端建置流程。
  • Bunny Fonts:以零追蹤、GDPR 友好為賣點的相容 CDN,可作為 fonts.googleapis.com 的即插替代。

參考資料