Local Google Fonts

外掛說明

在網站主機伺服器上託管網站所使用的 Google Fonts 網頁字型,讓網站更符合 GDPR 規範 💯。

有超過 5 千萬個網站 (資料來源) 使用 Google Fonts 網頁字型,而德國法院於 2022 年 1 月判定使用 Google Fonts 網頁字型的網站違反歐盟的 GDPR (一般資料保護規定)。

詳情請參考 wptavern.com 的報導。

螢幕擷圖

安裝方式

  1. 將完整的 local-google-fonts 資料夾上傳至 /wp-content/plugins/ 目錄。
  2. 在 WordPress 管理後台的 [外掛] 選單中啟用外掛。
  3. 前往 [設定]→[Google Fonts] 並選取要變更為網站主機本機載入的網頁字型。

常見問題集

這個外掛是否會自動載入 Google Fonts 網頁字型?

網站管理員如果啟用 [自動載入字型] 設定,便會自動載入字型;如果並未啟用這項設定,則必須手動觸發載入字型。

在自有主機託管 Google Fonts 所提供的網頁字型是否合法?

合法。Google Fonts 提供的開源網頁字型,無論是商業使用或個人使用,其授權允許網站管理員將這些網頁字型使用於任何網站。

如果檢查網站是否有載入 Google Fonts 網頁字型?

如果要確認網站是否載入第三方 (亦即站外) 來源的字型 (請查看上方第 2 張螢幕擷圖),檢查方式非常簡單:

  1. 開啟瀏覽器的開發人員工具 (在 macOS 為 Cmd + Opt + I,在 Windows 為 F12 或 Ctrl + Shift + I)。
  2. 前往 [網路] 分頁,然後選取 [字型] 類型。
  3. 重新載入頁面便能查看網站上載入的全部字型。
  4. 查看 [網域] 欄位 (有可能需要手動啟用) 是否包含第三方網域 (亦即站外)。Google Fonts 網頁字型使用的網域為 fonts.gstatic.com。

如果使用 Local Google Fonts 在網站主機伺服器上託管網站所使用的 Google Fonts 網頁字型,生效後就不該有從 Google 伺服器載入的網頁字型。

網站所使用的網頁字型並未顯示於設定頁面,網站管理員該如何處理?

只要使用網頁字型就可以偵測到。請試著先瀏覽網站前端,然後返回設定頁面。

網站使用的網頁字型並未替換,網站管理員該如何處理?

這個外掛目前僅能檢查透過 wp_enqueue_style 函式嵌入的網頁字型,如果網站採用 @import 呼叫 Google Fonts 網頁字型,必須先變更呼叫方式。

使用這個外掛後,Divi 佈景主題仍自行載入 Google 伺服器的 Google Fonts 網頁字型。

Divi 佈景主題針對載入 Google Fonts 網頁字型有其專屬的自訂改善方式。使用的 Divi 佈景主題的網站如需採用 Local Google Fonts 外掛,請在 Divi 的 [Performance Settings] (效能設定) 頁面中停用 [Improve Google Fonts Loading] (改善 Google Fonts 網頁字型載入)。

為什麼某些字元使用遞補字型顯示?

網站載入了不包含必要字元的字型子集,請在外掛設定頁面選取其他字型子集,然後重新載入字型。

使用者評論

2022 年 9 月 20 日
Just the thing I needed. Works without any problems and saved me so much time for changing all client projects. Many thanks!
2022 年 9 月 20 日
easy to install and to setup, works as described. Perfect!
2022 年 9 月 15 日
This plugin is easy to use and works really well. It takes a moment / a few page views to detect the fonts that are being used on the site and then automatically downloads them and changes the font loading so that they're loaded from your webserver.
閱讀全部 26 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Local Google Fonts〉的開發相關工作。

參與者

Local Google Fonts 外掛目前已有 5 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Local Google Fonts〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

0.16

  • using absolute path to support Google Fonts in Mailster.

0.15

  • using custom mirror to prevent down times

0.14

  • added info if https://google-webfonts-helper.herokuapp.com/ is down

0.13

  • improved: better explanations on errors.
  • improved: Higher propriety for wp_resource_hints to catch them all. Fixes #8
  • implemented an alias method for no longer supported fonts.
  • fixed: Syntax error on older PHP versions

0.12

  • Do not handle fonts sources with more than 30 families (why would you need that?)
  • Add option to choose subsets for each font family
  • Disable functionality in the customizer

0.11

  • fixed: problem on customizer in Neve theme
  • fixed wrong domain on translations
  • update F.A.Q. for DIVI theme

0.10

  • fixed: rending issue on some fonts (please reload fonts if you use one of these: “exo-2”, “inter”, “jost” or “montserrat”)
  • fixed: some styles are not recognized and therefore not loaded.
  • improved: info about loaded font files on the admin screen
  • added timestamp to loaded font files to prevent cached fonts get loaded.

0.9

  • new: options to load fonts automatically

0.8

  • updated required WP version to 4.6
  • remove Text Domain header
  • added missing translatable strings

0.7

  • better handling of multiple “family” arguments in the URL

0.6

  • loading all variants if none explicit are requested
  • cache API requests
  • respect font-display
  • removes DNS prefetch and preconnect to Google server from page header

0.5

  • added option to flush everything

0.4

  • you may have to reload fonts so please check the settings page
  • improved handling of fonts
  • only loading required font files
  • supports now different types of variant declarations
  • add variants to list only if available in the source
  • added some css to improve settings page
  • you may have to reload fonts so please check the settings page

0.3

  • add explanation info on settings page

0.2

  • show info when no font is found
  • better handling of translated strings

0.1

  • initial release