Description
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.
Screenshots
Installation
The plugin installation is easy and straightforward. Let us know if you run into any issues.
Installation from WordPress
- Go to Plugins > Add New.
- Search for Web Fonts Loader.
- Install and activate the plugin.
- Click Settings or go to Web Fonts Loader in the menu.
Manual Installation
- Upload the
developry-google-fonts
folder to/wp-content/plugins/
. - Go to Plugins.
- Activate the Web Fonts Loader plugin.
- Click Settings or navigate to Web Fonts Loader in the menu.
After Activation
- Select global fonts from Web Fonts Loader.
- Edit any Post or Page using the Classic Editor to access additional options for font family and weight in the toolbar.
FAQ
Visit the Support page to share your questions or requests.
We usually respond to tickets within a few days.
Feature requests are added to our wish list and considered for future updates.
-
Is WordPress Gutenberg Block Compatibility Available?
-
Currently, the plugin does not support Gutenberg blocks. However, you can explore Web Fonts Loader Pro, which offers this functionality and more.
If you prefer to use the plugin, you can still do so by using the Classic Editor or setting global fonts through the plugin’s options page.
-
How to Apply a Font Family or Weight to All Text on a Specific Page or Post?
-
To apply a specific font family or weight, select your desired option without highlighting any text in the editor.
-
Applying Fonts to a Lead Paragraph or Heading
-
To apply a font to a specific paragraph or heading, double-click on the text of the element. This will select the entire text, allowing you to assign your desired font family or weight.
-
Identifying the Font Family or Weight on an Element
-
To identify the font family or weight applied to an element, click on it once. If a Google font family or weight is applied, the Toolbar options will display the details.
-
Applying Font Family or Weight Site-Wide
-
Go to Appearance > Web Fonts Loader in your WordPress admin menu. There, you’ll find all the settings needed for global font application.
Note: Applying fonts and styles to individual elements through the Classic Editor will override global font settings.
Reviews
Contributors and Developers
“Web Fonts Loader – Google Fonts Manager” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Web Fonts Loader – Google Fonts Manager” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Change Log
1.4.7
- Update – Revisit all plugin text and translators
1.4.6
- Update – Performance and optimization compatibility
1.4.5
- New – Add compact mode toggle under settings option
- Update – Compatibility check with WordPress 6.7
- Update – Language file (.pot)
- Update – Language file (.pot) header text
- Update – Change license files to use GPLv3
1.4.4
- Update – Replace all php files end of line sequence from
CRLF
toLF
. - Update – Don’t show up the rating notice when toggle plugin activate/deactivate.
- Update – Replace
MLR_PLUGIN_DOMAIN
with krasenslavov.com in Settings main page. - Update – Make
_wpnonce
standard throughout the plugin php and js files. - Update – Font weight variable for H2-H6 on the global Settings.
- Update – Update the correct support ticket link with
WFL_PLUGIN_WPORG_SUPPORT
. - Update – Regenerate the .pot file.
- Fix – Mismatched text domain.
- Fix – Missing
$domain
parameter in function call. - Fix – Not unslashed before sanitization. Use
wp_unslash()
or similar. - Fix – Detected usage of a non-sanitized input variable.
Check out the complete changelog on our Web Fonts Loader website.