前言介紹
- 這款 WordPress 外掛「Web Fonts Loader – Google Fonts Manager」是 2018-07-02 上架。
- 目前有 400 個安裝啟用數。
- 上一次更新是 2025-04-22,距離現在已有 12 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
- 有 6 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
外掛標籤
fonts | web font | web fonts | google fonts | classic editor |
內容簡介
這個 WordPress 外掛將熱門的 Google 字型載入到你的網站中,你可以將這些字型應用到整個網站,或是分別應用在每個頁面或文章中。
當你安裝並啟用外掛後,你的編輯器工具列將會改變,你會看到兩個新的下拉式選單,列出所有可用的字型選項(請見以下螢幕截圖)。
第一個選單是字型樣式,第二個是字型粗細和風格。
此外,你還可以前往「外觀」>「字型」管理子選單,將任何可用字型應用於整個網站的標題和內容文字。
功能
你可以從所有可用的字型變形和樣式(100…900、Italic 等)中選擇,並使用它們來設計標題、引言等文字內容。
你可以透過編輯器将字型應用於整個網站、單一頁面或文章元素(目前僅適用於經典編輯器)。
非常容易使用,只需幾個點擊,你就可以自訂你頁面或文章的字型樣式、粗細和風格。
所有字型都會透過 Typekit 的 Web Fonts Loader 在發布/頁面基礎上動態載入,因此你可以在不同頁面上使用不同字型,只有應用的字型會在前端載入。
載入字型時輕量,不會影響網頁載入速度。
字型系列:Roboto、Open Sans、Lato、Montserrat、Oswald、Source Sans Pro、Slabo 27px、Ralewat、PT Sans、Merriweather、Ubuntu、Nato Sans、Poppins、Playfair Display、Lora、PT Serif、Titillium Web、Arimo、Muli、Fira Sans
字型變形:Roboto Condensed、Roboto Slab、Roboto Mono、Open Sans Condensed、Montserrat Alternates、Montserrat Subrayada、Source Serif Pr、Source Code Pro、Slabo 13px、Raleway Dots、PT Sans Caption、PT Sans Narrow、PT Serif Caption、Merriweather Sans、Ubuntu Condensed、Ubuntu Mono、Noto Serif、Playfair Display SC、Fira Sans Condensed、Fira Sans Extra Condensed、Fira Mono
字型粗細:細體、Extra Light、輕體、正常、中等、半粗、粗體、Extra Bold、黑體
字型風格:Thick Italic、Extra Light Italic、Light Italic、Regular Italic、Medium Italic、Semi Bold Italic、Bold Italic、Extra Bold Italic、Black Italic
詳細說明
有關步驟設定、使用方式、演示以及更多的視頻和媒體教學,可於Web Fonts Loader的網站中找到。
Web Fonts Loader Pro
目前尚未推出商業版本。
原文外掛簡介
Elevate your WordPress site with access to the complete range of Google Fonts for enhanced typography and design.
The Web Fonts Loader plugin lets you access and manage Google Fonts, apply global typography settings, and enhance your site’s performance and design.
It’s perfect for anyone looking to elevate their site’s typography with a wide selection of high-quality fonts.
USAGE
Once you have successfully installed and activated the Web Fonts Loader plugin, your Classic Editor toolbar will be enhanced with two new dropdown menus containing all the available font options.
Editor Toolbar Customization:
Font Typeface Selection: The first dropdown in your editor toolbar lets you select the font family. Browse through a variety of Google Fonts to find the perfect match for your content.
Font Weight and Style Selection: The second dropdown is for font weight and style. Choose from various font weights (from Thin to Black) and styles, including italic versions.
Applying Fonts Site-Wide:
Go to Web Fonts Loader in your WordPress admin submenu.
This section lets you apply your chosen fonts universally across your site.
Select fonts for your site’s headings and body text to create a consistent and cohesive design.
Tips for Optimal Use:
Experiment with Combinations: Try different font families, weights, and styles to find what best suits your site’s design.
Preview Changes: Always preview your changes to see how the fonts look in real-time.
Maintain Consistency: Consistent font usage ensures a professional and cohesive web design.
By following these tips, you can enhance the visual appeal and readability of your WordPress site with the Web Fonts Loader plugin.
Enjoy transforming your website’s typography!
FEATURES & LIMITATIONS
Extensive Font Selection: Access a wide array of font variations and styles, including weights from 100 to 900, italics, and more. This feature allows you to precisely tailor the typography to match your website’s unique style.
Customizable for Every Element: Style headings, blockquotes, and other elements with your chosen fonts. The flexibility to apply fonts to specific page or post elements via the editor (currently compatible with the Classic Editor) enhances your control over site design.
User-Friendly Interface: Customize the font typeface, weight, and style of your page or post content with just a few clicks. The plugin’s interface is designed for ease of use, catering to both beginners and experienced users.
Dynamic Font Loading: Utilize the Web Fonts Loader by Typekit to load fonts dynamically on a post/page basis. This means you can use different fonts on different pages, and only the fonts applied will load on the front-end, ensuring efficient performance.
Performance-Oriented: The lightweight design ensures that loading fonts on the front end does not affect your page’s loading speed.
Expansive Font Families and Variations: Choose from popular font families like Roboto, Open Sans, Lato, and more, along with their variations such as Roboto Condensed, Open Sans Condensed, and Montserrat Alternates.
Rich Font Weights and Styles: Select from a comprehensive range of font weights (Thin to Black) and styles (including various italic options), offering unparalleled customization options.
Responsive and Cross-Browser Compatibility: Ensures a consistent and responsive typography experience across different devices and browsers.
Regular Updates and Support: Stay up-to-date with the latest font trends and receive dedicated support for any queries or assistance.
Ideal for: This plugin is ideal for anyone looking to elevate their website’s typography, whether for improved readability, enhanced brand identity, or to create a more visually appealing design. The Web Fonts Loader plugin provides the tools needed for a complete typographic makeover.
DETAILED DOCUMENTATION
Find step-by-step setup guides, usage instructions, demos, videos, and insights on the Web Fonts Loader Pro page.
WEB FONTS LOADER PRO
If you’re using the free version from WordPress.org and want Pro features, you can purchase the premium version on the Web Fonts Loader Pro website.
Here are some features included in the Pro version:
Google Developer API integration.
Manage Global Fonts and add custom rules.
Font Manager feature to delete, download, and @import any fonts.
Block editor support alongside Classic Editor integration.
Load custom fonts locally to comply with EU/GDPR guidelines and boost website performance.
User-defined Google Fonts, system fonts, and Gutenberg blocks.
Include Google italic fonts and select supported subsets.
Font usage summary, report generation, and reset options.
Priority support and regular updates for one year included in Web Fonts Loader Pro.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Web Fonts Loader – Google Fonts Manager」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛(你可能也想知道)
Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式,可還原之前(也就是「經典」)的 WordPress 編輯器和「編輯文章」畫面,使使用者可以使用延伸這個畫...。
Advanced Editor Tools 》高級編輯工具(以前稱為 TinyMCE Advanced)引入了一個「經典段落」區塊,供區塊編輯器(Gutenberg)使用。, 如果您還沒有準備好切換到區塊編輯器,或者有插...。
Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器),並以經典編輯器取代它。你可以完全禁用 Gutenberg,或從文章、頁面、角色、文章類型和主題模板中有...。
Classic Editor + 》, 符合 GDPR 規範:不收集任何使用者資料, , 這個免費的「Classic Editor +」外掛程式針對不想使用 WordPress 5.0 引入的 WP Block Editor(Gutenberg)的所...。
No Gutenberg – Disable Gutenberg Blocks Editor and FSE Global Styles 》WordPress 5.x 內建了一個名為 Gutenberg 的新區塊編輯器。隨著 5.9 版本的推出,全站編輯(Full Site Editing,FSE)的全局樣式被加入,每個頁面都會載入大...。
Enlighter – Customizable Syntax Highlighter 》Enlighter 是一款免費且易於使用的 WordPress 語法高亮工具。其語法高亮效果是由 EnlighterJS javascript 函式庫所提供,能呈現出漂亮的程式碼外觀。, 您可以...。
Classic Editor and Classic Widgets 》這個免費的 Classic Editor & Classic Widgets 外掛可幫助您輕鬆地完全停用 Gutenberg 編輯器,並啟用 Classic Editor 和 Classic Widgets。, Classic Ed...。
Enable Classic Editor & Widgets 》這是一個非常輕量化的經典編輯器外掛程式,僅佔用 3KB。隨著 WordPress 5.x 的推出,我們也迎來了一個全新的區塊編輯器─Gutenberg。由於相容性及易用性的考量...。
Remove Gutenberg 》您是否已升級 WordPress,但卻卡在新的編輯器上?別擔心,只要安裝Remove Gutenberg外掛程式,就可以使用經典編輯器。此外,閱讀設定中還有一個功能,可以啟...。
Quicktags for WP 》這個簡單的外掛程式為 WordPress 的 HTML 編輯器增加有用的按鈕。, 目前它可以新增以下按鈕:, h1、h2、h3、h4、h5、hr、nbsp、mox, mox 按鈕可以新增一個漂...。
DivUp Content 》注意:此外掛原本是為了解決將傳統編輯器內容分割成 div,使用簡短代碼的問題。於 2022 年 9 月 27 日,我測試了此外掛與 Gutenberg 的相容性,因為 div 在 G...。
Guten Free Options 》是否想要根據自身需要使用或不使用新的區塊編輯器(Gutenberg)?, Guten Free Options 可以讓您完全控制文章何時需要使用傳統編輯器或區塊編輯器,使您平滑...。
TCD Classic Editor 》總結:該外掛讓你可以在經典編輯器中新增自訂的快速標籤,同時使用了第三方服務 Google Maps API 來嵌入地圖。, , 問題與答案:, 1. 這個 WordPress 外掛的功...。
WP Disable Block Editor 》這個外掛可以讓您停用 WordPress 區塊編輯器並啟用經典編輯器以及原始的「編輯文章」畫面(包括 TinyMCE、元箱等等)。, , 停用區塊編輯器,啟用舊版編輯器。...。
Enable Default Editor 》Enable Default Editor 是一個由 keendevs 團隊 (keendevs.com) 維護的免費外掛程式,可恢復先前(「經典」)的 WordPress 編輯器和「編輯文章」畫面。, 簡要...。