WordPress.org Codeable.io

WP Web Fonts Loader

WordPress plugin with the 20 most popular Google Fonts used to style your post and page content.

Load up the 20 most popular Google Fonts (including variations and styles) so you can use them to style your WordPress post and page content

Easily have Google Fonts applied either to the whole site or to individual pages.

Download Developry Google Fonts

* Get it directly from WordPress Plugin Directory.

Getting Started

  • The plugin is easy to install just search for Developry Google Fonts under Plugins > Add New.
  • Then go to your page editing mode or Add New or Page/Post. You will see right away that the Toolbar has changed and there are two new options. The first one is for font typeface and the second one is for font-weight and style.
  • If you want to apply a font to all the content for the particular post or page just choose your desired font without selecting anything else.
  • If you want to style only a leading paragraph or some heading just double click on them (this will select the text for that particular element) and then apply your font options.
  • It as simple as that, to see the plugin in action scroll down this page and watch the 2-minute demo video.

IMPORTANT: Works only with the Classic Editor at this moment, however, I have plans to add blocks very soon and have it Gutenberg accessible.

Installation

  1. Upload  developry-google-fonts to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Go to your page or post you want to style. You will see the two new options on your editors’ toolbar.
  4. Select the content you want to style; select the desired font typeface weight & style and voilà you go to go.

Features

  • Very easy to use and install, with only a few clicks you can customize the font typeface, weight, and style of your page or post content.
  • All the fonts are loaded dynamically on a post or page basis using the Web Font Loader by Typekit so you can use different fonts on different pages and only the applied fonts will load up.

Tips and Tricks

With a single click and you will see the element font, weight, and style in the editor Toolbar.
Double click on any element and it will be automatically selected for you and ready for styling.

Demo

YouTube demonstration video is coming soon!

License and Credits

The plugin is distributed with GNU GENERAL PUBLIC LICENSE Version 2, June 1991 and is using fonts directly from Google Fonts library. To load up the fonts on-demand on the front end I’ve used the WebFontLoader script from Typekit.

Hello, Developry!

Join 1,000+ subscribers and receive our WordPress weekly theme and plugin picks, news, updates and latest promotions available @developry services.



1 This is double opt-in subscription list and you can unsubscribe at any given time.