
Google Fonts 是 Google 的免費字型網站,收錄超過 1800 種字體,也是許多網站開發人員會使用的排版樣式,不過它也潛藏一些問題,例如遠端載入網頁字型可能影響網站性能,更多人不選擇 Google Fonts 的原因是它會違反「一般資料保護規則」(GDPR),當使用者存取網頁字型時會將 IP 位址傳送到 Google 伺服器,此外,在網路受到限制的國家(例如中國)會有載入速度很慢或無法載入等問題。
本文要介紹「Bunny Fonts」是一個開源、隱私優先的網頁字型平台,也是 Google Fonts 替代方案,這項服務採用零追蹤和無日誌政策(No-Logging Policy),不紀錄、不儲存或追蹤使用者的活動,完全符合一般資料保護規則。Bunny Fonts API 和 Google Fonts API 完全相容,只需修改網址就能輕鬆切換。
Bunny Fonts 背後公司是 Bunny.net,這是一家成立於 2014 年、總部位於歐洲的內容傳遞網路商,旗下有包括 CDN、串流、雲端儲存、圖片處理、DNS 和邊緣運算等產品。
寫這篇文章時 Bunny Fonts 已收錄超過 1700 種字型,應該可以完全取代 Google Fonts,如果開發網頁時會用到雲端字型服務我會推薦使用 Bunny Fonts,相較於 Google 更注重隱私,也具備全球 CDN 網路特性無論在世界任何地方都能快速載入字型。
網站名稱:Bunny Fonts
網站鏈結:https://fonts.bunny.net/
如何使用 Bunny Fonts?
開啟 Bunny Fonts 會在首頁看到網頁字型預覽,預設是以英文字母排序,直接從上方搜尋欄位輸入要查找的字體名稱,也能調整範例文字、文字大小,或是開啟篩選器尋找特定樣式或語言字型(比較可惜的是繁體中文字型只有 Noto Sans TC 和 Noto Serif TC 兩種)。
如果曾使用 Google Fonts,會發現 Bunny Fonts 介面與其類似,但更簡單易用!

每個字型都有詳細資訊頁面,會列出不同的字重和樣式,同時也會標示授權、開發者鏈結,可以從字型頁面設定範例文字、文字大小,和 Google Fonts 不同的是 Bunny Fonts 沒有提供字型檔下載的功能。

點選字型右側「Add variant」將它加入列表。

最後從右上角點選「Fonts +」就能取得使用在網頁的 CSS 樣式或 HTML 程式碼,這部分就不用多做說明了吧!如果是多個字型一樣會轉換為單一網址,此外,若要編輯字型也是從這裡進行刪除。

值得一試的三個理由:
- Bunny Fonts 無追蹤、無日誌記錄,完全符合 GDPR
- 與 Google Fonts 相容,只需修改網址即可無痛切換
- 全球 CDN 快速載入,不受網路封鎖影響,任何地區都能穩定使用