WordPress.org

Plugin Directory

Fonts Plugin | 可使用 Google Fonts、Adobe Fonts 及上傳自有字型

Fonts Plugin | 可使用 Google Fonts、Adobe Fonts 及上傳自有字型

外掛說明

Pick a font from a dropdown and watch your site change live. When you’re happy, click Publish.

The preview updates on your own content as you browse, so you can try as many fonts as you like before anything goes live. You never need to edit theme files or write CSS.

Fonts Plugin is the #1 fonts plugin for WordPress: 200,000+ websites, 10.6 million downloads, and a 5.0 rating from 1,217 reviews on WordPress.org.

Fonts Plugin 可以協助使用者完成哪些工作

Fonts Plugin lets you apply different fonts to different parts of your website. Choose one typeface for headings and another for body text, then adjust size, weight, colour, line height and letter spacing from the same screen. The live preview updates instantly, so you can see how a font looks on your own content before saving. The plugin works with every WordPress theme (Twenty Twenty-Five, GeneratePress, Elementor, and others) and requires no changes to your theme files.

可供網站使用的字型

Fonts Plugin gives you three ways to get fonts onto your site.

  • Google Fonts: over 1,400 typefaces, all free for personal and commercial use.

  • Adobe Fonts (Typekit): connect your Adobe Creative Cloud subscription and use any typeface from your kit.

  • Your own font files: upload in any standard format for brand fonts that aren’t in either library.

Whether you need a sans-serif for a corporate site or a serif for a blog, you can set it up without installing a second plugin.

Free Features

  • Live Customizer preview: see fonts on your real site before saving
  • 1,400+ Google Fonts (the complete library, always current)
  • Adobe Fonts (Typekit) integration
  • Upload custom fonts: .ttf, .otf, .woff and .woff2
  • Works with any WordPress theme, no coding required
  • Gutenberg block for applying Google Fonts in the block editor
  • WooCommerce support
  • Translated into 25+ languages
  • SSL/HTTPS compatible
  • Tested with PHP 7 and PHP 8

Pro Features

Pro adds local hosting, font loading controls, and per-element typography.

  • Host Google Fonts locally: font files are served from your own domain, so no visitor request reaches Google
  • Remove external fonts: strip out Google Fonts loaded by your theme and other plugins
  • Rewrite external fonts: convert third-party font requests to your local copies
  • Selective font loading: a font family can arrive with up to sixteen weights and several alphabets. Most sites use three or four. Untick the rest and they stop downloading.
  • Font preloading: text paints sooner without the fallback flash
  • Per-element controls: font size, colour, line height, letter spacing and text transform
  • Custom elements: target your own CSS selectors
  • Priority email support: responses within 24 hours

Pro is a one-time payment. Lifetime updates and priority support are included, with no subscription or renewal fees. Every purchase is covered by a 14-day money-back guarantee.

Compare free and Pro side by side

選用 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 in the WordPress Customizer.

Unlike page builder typography tools, it works with every theme. Unlike GDPR-focused font plugins that only localize fonts you already have, it also lets you choose and preview new ones.

Fonts Plugin is the #1 fonts plugin for WordPress, with a 5.0 average across 1,217 reviews, 200,000+ active installations and 10.6 million downloads to date.

外掛相容性

Fonts Plugin works with all WordPress themes. It has been tested with:

Page Builders

Themes

  • All StudioPress / Genesis themes
  • Twenty Twenty-Five, Twenty Twenty-Four, Twenty Twenty-Three
  • Twenty Twenty, Twenty Nineteen, Twenty Seventeen
  • ThemeGrill themes
  • LyraThemes
  • ThemeIsle themes

實用資源

發現程式碼錯誤

請透過技術支援論壇讓我們知道,我們會查看技術支援論壇上的每篇討論。

參與專案的方式

Fonts Plugin 是開放原始碼專案,並歡迎所有人的參與:

  1. 在技術支援論壇提出程式碼錯誤或問題
  2. 將外掛本地化為你的母語
  3. 在技術支援論壇提出問題意見反應或功能要求

螢幕擷圖

適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

  • Google Fonts

安裝方式

自動安裝 (建議使用)

  1. 登入 WordPress 控制台。
  2. 前往 [外掛][安裝外掛]。
  3. 搜尋「Fonts Plugin」。
  4. 點擊 [立即安裝] 然後點擊[啟用]。
  5. 前往 [外觀][自訂],並開啟 [Fonts Plugin] 分頁。

手動安裝

  1. 下載外掛安裝套件 ZIP 壓縮檔。
  2. 前往 [外掛][安裝外掛][上傳外掛]。
  3. 將外掛安裝套件 ZIP 壓縮檔解壓縮所得的 olympus-google-fonts 資料夾上傳至網站的 /wp-content/plugins/ 目錄中,然後啟用外掛。
  4. 前往 [外觀][自訂][Fonts Plugin]。

That’s all you need. There is nothing else to configure.

常見問題集

Fonts Plugin 簡介。

Fonts Plugin is a free WordPress plugin for adding Google Fonts, Adobe Fonts (Typekit), and custom uploaded fonts to your website. You preview fonts live on your own site through the WordPress Customizer, apply different fonts to headings and body text, and save in a single click. No coding is needed.

我的網站目前使用的佈景主題可以搭配 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. Pro includes a Force Styles option for themes that override font rules. If you hit an issue, open a support ticket and we will investigate.

Do I need to know CSS or any code?

No. Everything is point-and-click inside the WordPress Customizer. Pick a font, choose where it appears, and preview the change in real time before you publish.

Fonts Plugin 免費版與 Fonts Plugin Pro 的功能差異?

The free version covers everything you need to add and display Google Fonts, Adobe Fonts or your own uploaded fonts. Fonts Plugin Pro adds local font hosting, selective font loading, font preloading, removal and rewriting of fonts loaded by your theme and other plugins, per-element typography controls (size, colour, line height, letter spacing, text transform), custom element targeting, and priority email support. See the full comparison

Is Fonts Plugin Pro a subscription?

No. Fonts Plugin Pro is a one-time payment with lifetime updates and priority support included. There are no renewals or annual fees. Customers who bought a licence years ago still receive updates today.

Fonts Plugin 是否會使網站變慢?

The free version has a small performance cost, the same as any tool that loads extra font files. You may see a minor impact compared with using only system fonts.

Pro usually makes up for it. Selective Font Loading stops your site from downloading the weights and alphabets it does not use: the italics, the thin and black variants, the Cyrillic and Greek subsets your visitors never read. Local Hosting removes the round trip to Google’s servers, and Font Preloading gets text painted sooner. On sites where fonts are the bottleneck, that combination often makes the page faster than it was before the plugin was installed.

Does Fonts Plugin help with GDPR?

Fonts Plugin Pro addresses the specific issue. When a page loads Google Fonts the normal way, your visitor’s browser connects to Google’s servers and sends their IP address along with the request. Some EU courts have treated this data transfer as requiring consent.

Local Hosting downloads the font files to your server and serves them from your domain, so that request to Google never happens. Pro can also remove and rewrite Google Fonts loaded by your theme and other plugins, which is usually where the remaining requests come from. Whether your site as a whole is compliant depends on everything else it does, so this is one piece of the picture rather than the whole of it.

如何將 Google Fonts 網頁字型新增至 WordPress 網站?

Install and activate Fonts Plugin, then go to Appearance Customize. Open the Fonts Plugin tab, choose a font for your headings and body text, preview the result live, and click Publish. The change goes live immediately.

是否能上傳自訂字型?

Yes, and this is included in the free version. Fonts Plugin lets you upload font files in standard formats (.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.

Fonts Plugin 是否支援 Adobe Fonts (Typekit)?

Yes. 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. This is included in the free version.

Does Fonts Plugin work with Elementor, Divi and other page builders?

Yes. Fonts Plugin 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. There is also a dedicated Gutenberg block that lets you apply Google Fonts to individual blocks within the editor. Integration guides are in the documentation.

Fonts Plugin 與其他 Google Fonts 網頁字型外掛的不同之處?

Most Google Fonts plugins only add fonts. Fonts Plugin combines font selection, live preview, Adobe Fonts integration and custom font uploads in a single plugin. Pro also includes local hosting, per-element controls, selective loading and preloading, so you do not need a separate plugin for each concern.

What about the WordPress Font Library?

WordPress includes a built-in Font Library under Appearance Fonts. Fonts Plugin disables that UI because it only handles font installation and does not offer live preview, per-element typography controls, or font loading optimization. Manage your fonts in Appearance Customize Fonts Plugin, or open the Fonts Plugin admin page from the dashboard sidebar.

使用者評論

2026 年 8 月 4 日
Good to have more flexibility to use better fonts.
2026 年 7 月 31 日
<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Finally, I have the font arranged to my liking and it also appears on the website as it should. No complications, really good.</font></font>
2026 年 7 月 29 日
Perfect, I've chosen the fonts I liked best
閱讀全部 1,220 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Fonts Plugin | 可使用 Google Fonts、Adobe Fonts 及上傳自有字型〉的開發相關工作。

參與者

〈Fonts Plugin | 可使用 Google Fonts、Adobe Fonts 及上傳自有字型〉外掛目前已有 27 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Fonts Plugin | 可使用 Google Fonts、Adobe Fonts 及上傳自有字型〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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