Load the 20 most popular Google Fonts within your WordPress.
Apply them to the whole site or individually to each page or post content.
Usage
Once you install and activate the plugin your editor toolbar will change and you will see there are two new dropdowns with all available font options (see screenshots below).
The first one is for the font typeface and the second one is for font weight and style.
Additionally, you can go to the Appearance > Fonts admin sub menu and apply any of the available fonts to your whole sites headings and body text.
Features
- You can select from all available font variations and styles (100 … 900, italic, etc.) and you can use them to style your headings, blockquote, etc.
- You can apply fonts to the whole site as well as a single page or post element via the editor (works only with the Classic Editor at this moment).
- Very easy to use, with only a few clicks you can customize the font typeface, weight, and style of your page/post content.
- All the fonts are loaded dynamically on a post/page basis using the Web Fonts Loader by Typekit so you can use different fonts on different pages and only the applied fonts will load up on the front-end.
- Lightweight loading the fonts on the front end won’t affect you page loading speed.
Font Family: 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
Font Variation: 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
Font Weight: Thin, Extra Light, Light, Regular, Medium, SemiBold, Bold, Extra Bold & Black
Font Style: Thin Italic, Extra Light Italic, Light Italic, Regular Italic, Medium Italic, Semi Bold Italic, Bold Italic, Extra Bold Italic & Black Italic
Detailed Documentaion
Additional information with step-by-step setup, usage, demos, and more video & media help can be found on the Web Fonts Loader website.
Web Fonts Loader Pro
As of yet, this plugin doesn’t have a commercial version available.
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.