
內容簡介
這個 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
目前尚未推出商業版本。
外掛標籤
開發者團隊
② 後台搜尋「Web Fonts Loader – Google Fonts Manager」→ 直接安裝(推薦)
原文外掛簡介
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
Typography Presets Library (NEW in 1.6): Browse ready-to-use font combinations expertly designed for different styles. Quickly apply professional typography with one click and preview fonts before applying them to your site.
Font Performance Monitoring (NEW in 1.6): Track your font loading performance with real-time metrics. Get optimization scores (0-100) and actionable recommendations to improve site speed. See estimated font sizes and weight counts at a glance.
Dashboard Widget (NEW in 1.6): Monitor typography statistics directly from your WordPress dashboard. View active fonts, Google Fonts count, system fonts, and performance metrics in a compact 2-column layout for quick insights.
Onboarding Experience (NEW in 1.6): New users receive a welcoming notice with quick links to configure settings and access documentation, making the initial setup smooth and intuitive.
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. Now with built-in performance monitoring to track and optimize font usage.
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. All new features are fully responsive and mobile-optimized.
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, now with performance insights and ready-to-use presets.
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.
