外掛說明
Fonts Plugin is the most widely used Google Fonts plugin for WordPress, with over 200,000 active installations and a 5-star rating from more than 1,200 verified users. It gives website owners instant access to all 1,455 fonts in the Google Fonts library — directly inside the WordPress Customizer — without touching a single line of code. Install the plugin, open the Customizer, choose your fonts, and see the result live on your actual website before publishing. It takes less than two minutes from installation to a completely new look.
Fonts Plugin 可以協助使用者完成哪些工作
Fonts Plugin lets you apply different fonts to different parts of your website. Choose one typeface for headings and a completely different one for body text, then fine-tune size, weight, colour, line height, and letter spacing — all from the same screen. The live preview updates instantly as you make changes, so you never have to guess what a font will look like on your content. Once you are happy with the result, click Save and the changes go live. The plugin works with every WordPress theme — from Twenty Twenty-Five to Genesis to Elementor — and requires no changes to your theme files.
可供網站使用的字型
Fonts Plugin gives you access to three distinct font libraries. The Google Fonts library contains 1,455 unique, professionally designed typefaces — all free to use on personal and commercial websites. The Adobe Fonts (Typekit) integration connects your Adobe Creative Cloud subscription to your WordPress site, unlocking thousands of premium Adobe typefaces. You can also (upload your own font files)[https://docs.fontsplugin.com/custom-font-uploads/custom-font-uploads] in any standard format, giving you complete typographic freedom. Whether you need a clean sans-serif for a corporate site, a warm serif for a blog, or a distinctive display font for a landing page, Fonts Plugin covers every use case without requiring multiple plugins.
外掛特色
免費版功能
* 外觀自訂器內即時預覽：在儲存設定前查看字型在網站上的顯示結果
* 可使用 1,455 種 Google Fonts 網頁字型：可使用完整的字型庫，並且隨時更新
* 整合 Adobe Fonts (Typekit)
* 上傳自訂字型：使用自有的 .ttf、.otf 或 .woff2 檔案
* 可搭配任何 WordPress 佈景主題使用：不需要撰寫程式碼
* 適用於區塊編輯器的區塊：在區塊編輯器中將 Google Fonts 網頁字型套用至區塊
* 支援 WooCommerce
* 已本地化超過 25 種語言
* 與 SSL / HTTPS 相容
* 便於進行 SEO (Search Engine Optimization，搜尋引擎最佳化)
* 已完成與 PHP 7 及 PHP 8 的相容性測試
Pro 版功能
* 在網站伺服器本機代管 Google Fonts 網頁字型：不將資料傳送至 Google 以符合 GDPR 規範
* 選擇性字型載入：僅載入指定粗細的字型，最高可提升 400% 的速度
* 預先連線資源提示：改進字型載入效能
* 控制字型大小
* 控制字型色彩
* 控制行高
* 控制字元間距
* 文字轉換 (大寫字元、小寫字元及首個字元大寫)
* 自訂元素：自訂佈景主題的 CSS 選取器並建置控制項
* 優先電子郵件技術支援：會在 24 小時內回覆
如果想要獲得這個外掛的完整排版樣式功能，請升級至 Fonts Plugin Pro
免費版及 Pro 版功能詳細比較
選用 Fonts Plugin 的關鍵原因
Fonts Plugin is the only WordPress font plugin that combines Google Fonts, Adobe Fonts, and custom font uploads in a single, lightweight plugin — with a live preview built directly into the WordPress Customizer. Unlike page builder-specific typography tools, it works with every theme and every builder. Unlike GDPR-focused font plugins that only localize existing fonts, Fonts Plugin lets you choose, preview, and change fonts too. With over 200,000 active installs and 1,200+ five-star reviews, it is the most trusted all-in-one typography solution in the WordPress ecosystem.
外掛相容性
Fonts Plugin 可以搭配全部 WordPress 佈景主題使用。以下是透過精選，通過測試並確認相容的佈景主題：
頁面編輯器
* Elementor
* Divi Builder
* Beaver Builder
* WPBakery
佈景主題
* 全部 StudioPress / Genesis 佈景主題
* Twenty Twenty-Five、Twenty Twenty-Four 及 Twenty Twenty-Three
* Twenty Twenty、Twenty Nineteen 及 Twenty Seventeen
* ThemeGrill 開發的佈景主題
* LyraThemes
* ThemeIsle 開發的佈景主題
實用資源
- 外掛完整線上說明
- WordPress 最佳 Google Fonts 字型組合
- Google Fonts Checker：可稽核任何網站字型的工具
- 如何將 Google Fonts 網頁字型新增至 WordPress 網站 (逐步指南)
- Website Font Checker
- 版本比較
發現程式碼錯誤
請透過技術支援論壇讓我們知道，我們會查看技術支援論壇上的每篇討論。
參與專案的方式
Fonts Plugin 是開放原始碼專案，並歡迎所有人的參與：
- 在技術支援論壇提出程式碼錯誤或問題
- 將外掛本地化為你的母語
- 在技術支援論壇提出問題意見反應或功能要求
螢幕擷圖
字型即時檢視：即時查看 Google Fonts 網頁字型在網站上的顯示結果 
Customizer Font Search — instantly find any of the 1,455 Google Fonts 
Typography Controls — adjust font weight, style, size, and line height
適用於區塊編輯器
這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。
- Google Fonts
安裝方式
自動安裝 (建議使用)
- 登入 WordPress 控制台。
- 前往 [外掛][安裝外掛]。
- 搜尋「Fonts Plugin」。
- 點擊 [立即安裝] 然後點擊[啟用]。
- 前往 [外觀][自訂]，並開啟 [Fonts Plugin] 分頁。
手動安裝
- 下載外掛安裝套件 ZIP 壓縮檔。
- 前往 [外掛][安裝外掛][上傳外掛]。
- 將外掛安裝套件 ZIP 壓縮檔解壓縮所得的
olympus-google-fonts資料夾上傳至網站的/wp-content/plugins/目錄中，然後啟用外掛。 - 前往 [外觀][自訂][Fonts Plugin]。
大功告成！不需 API 金鑰、不需組態檔，也不需要撰寫程式碼。
常見問題集
-
Fonts Plugin 簡介。
-
Fonts Plugin is a free WordPress plugin that lets you add any Google Font to your website using the built-in WordPress Customizer. It supports all 1,455 fonts in the Google Fonts library, Adobe Fonts (Typekit), and custom uploaded fonts. You can preview every font live on your own site, apply different fonts to headings and body text, and save changes in a single click — all without writing any code.
-
我的網站目前使用的佈景主題可以搭配 Fonts Plugin 使用嗎？
-
Yes — Fonts Plugin is compatible with virtually all WordPress themes. It has been tested with every default WordPress theme, all Genesis / StudioPress themes, Elementor, Divi, Beaver Builder, WPBakery, and hundreds of others. If you experience an issue with your specific theme, open a support ticket and we will investigate.
-
Fonts Plugin 是否符合 GDPR 規範？
-
Yes. Fonts Plugin Pro includes a local hosting feature that downloads your selected Google Fonts files and serves them directly from your own web server. This eliminates any data transfer to Google’s servers, which is the core GDPR concern around Google Fonts. Local hosting is available in Fonts Plugin Pro and can be enabled with a single toggle.
-
如何將 Google Fonts 網頁字型新增至 WordPress 網站？
-
Install and activate Fonts Plugin, then go to Appearance Customize. You will see a new Fonts Plugin tab in the Customizer. Open it, choose a font for your headings and a font for your body text, preview the result live, and click Publish. The change goes live immediately. No code edits, no CSS, no file transfers required.
-
Fonts Plugin 與其他 Google Fonts 網頁字型外掛的不同之處？
-
Most Google Fonts plugins do one thing: add fonts. Fonts Plugin combines font selection, live preview, Adobe Fonts integration, and custom font uploads — all in a single plugin. Fonts Plugin Pro goes further, adding GDPR-compliant local hosting, granular per-element controls (size, colour, line height, letter spacing, text transform), and up to 400% faster font loading through optimized weight selection and font preloading. You don’t need a separate plugin for each concern.
-
Fonts Plugin 是否支援 Adobe Fonts (Typekit)？
-
Yes. Fonts Plugin integrates with Adobe Fonts (formerly Typekit). If you have an Adobe Creative Cloud subscription, you can connect your Adobe Fonts kit to WordPress and use any Adobe typeface on your site — alongside or instead of Google Fonts.
-
是否能上傳自訂字型？
-
Yes. Fonts Plugin lets you upload font files in standard formats (including .woff, .woff2, .ttf, and .otf) and use them anywhere on your WordPress site. This is useful if you have a licensed brand font that is not available in Google Fonts or Adobe Fonts. Custom font uploads are available in the free version.
-
Fonts Plugin 是否會使網站變慢？
-
Any tool that outputs extra CSS or loads font files adds a small amount of work for the browser, so you may see a minor impact compared to using only system fonts. Fonts Plugin is built to keep that impact as low as possible. With Pro, Local Hosting, Selective Font Loading and Optimized Font Loading (which strips unused font weights) can improve font delivery speed by up to 400%.
-
Fonts Plugin 免費版與 Fonts Plugin Pro 的功能差異？
-
The free version covers everything you need to add and display Google Fonts, Adobe Fonts, or custom fonts on your WordPress site. Fonts Plugin Pro adds GDPR-compliant local font hosting, per-element typography controls (font size, colour, line height, letter spacing, text transform), custom element targeting, Font Preloading, Optimized Font Loading for maximum speed, and priority email support with responses within 24 hours. See the full comparison
-
如何在伺服器本機代管 Google Fonts 網頁字型以符合 GDPR 規範？
-
在伺服器本機上代管網頁字型屬於 Fonts Plugin Pro 的功能。啟用 Fonts Plugin Pro 後，前往 WordPress 外觀自訂器的 [Fonts Plugin] 設定區段，便能啟用 [在伺服器本地代管 Google Fonts 網頁字型] 功能，之後便會自動下載字型檔案至網站伺服器，並將原本參照至 Google 伺服器的字型網址更新指向至網站網域。不需要手動傳輸檔案，也不需要撰寫程式碼。升級至 Pro 版
-
Fonts Plugin 是否能搭配 Elementor、Divi 或其他頁面編輯器使用？
-
Yes. Fonts Plugin works alongside all major page builders. It applies fonts at the theme level, so any font you select will also appear inside Elementor, Divi, Beaver Builder, WPBakery, and the WordPress Block Editor (Gutenberg). There is also a dedicated Gutenberg block that lets you apply Google Fonts to individual blocks within the editor. Detailed integration guides are available in the documentation.
使用者評論
參與者及開發者
以下人員參與了開源軟體〈Fonts Plugin | 可使用 Google Fonts、Adobe Fonts 及上傳自有字型〉的開發相關工作。
參與者
