WP Web Fonts Loader

Description

Load the 20 most popular WP Web Fonts Loader within your WordPress. Apply them to the whole site or individually to each page or post.

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 font typeface and the second one is for font weight and style.

Additionally, you can go to Developry > WP Web Fonts Loader admin menu and apply any of the available fonts to your whole sites’ headings and text copy.

Features

  • You have the ability to select from all available font variations and styles (100 … 900, italic, etc.) so you can use them to style your headings, blockquote, etc.
  • You have the ability to apply fonts to the whole site as well as single page or post element via the editor (works only with the Classic Editor at this moment).
  • Very easy to use, with only few clicks you can customize the font typeface, weight and style of your page/post content.
  • All the fonts are loaded dynamically on post/page basis using the WebFont Loader by Typekit so you can use different fonts on different pages and only the applied fonts will load up on the front-end.

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, Semi Bold, 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 Developry WP Web Fonts Loader page.

WP Web Fonts Loader Pro

As of yet this plugin doesn’t have a commercial version available.

Screenshots

  • WP Web Fonts Loader in action. screenshot-1.(gif)
  • WP Web Fonts Loader toolbar inside the editor. screenshot-2.(png)
  • Available Google Fonts typefaces. screenshot-3.(png)
  • Available weight and style for your WP Web Fonts Loader. screenshot-4.(png)
  • Apply font family and style to your headings and text copy. screenshot-5.(png)

Installation

Developry plugin installation process is standard and easy to follow, please let us know if you have any difficulties to use our plugins.

Installation From Within WordPress

  1. Visit Plugins > Add New.
  2. Search for WP Web Fonts Loader.
  3. Install and activate the WP Web Fonts Loader plugin.
  4. You will be redirected to a Welcome page with startup information.

Manual Installation

  1. Upload the entire developry-google-fonts folder to the /wp-content/plugins/ directory.
  2. Visit Plugins.
  3. Activate the WP Web Fonts Loader plugin.
  4. You will be redirected to a Welcome page with startup information.

After Activation

  1. Visit the new Developry menu.
  2. Click on the sub page for WP Web Fonts Loader.
  3. Follow the additional instructions (in any) in the setup flow.

FAQ

Use the Support tab on this page to post your requests and questions.

All tickets are usually addressed within 24 hours.

If your request is add-on feature related we will add it to the plugin wish list and consider implementing it in the next major version.

Does it work with WordPress Gutenberg blocks?

Currently, the plugin doesn’t support blocks, however we have plans to add this functionality in the near future.

If you still wish to use the plugin you can either use the Classic Editor or apply only the global fonts under the Developry options page.

How do I apply a font to all the contents for certain page or post?

Just select your desired font typeface with style without selecting anything inside the editor.

How do I apply font only to a leading paragraph or a heading?

Just double click on the element text (this will select the full text for that element) and then apply your font typeface or weight & style.

How do I see what typeface or style is applied to an element?

Single click on any element and if there is an applied Google font or style you will see the Toolbar sections change.

How can I apply font or style to the whole site?

Go to the Developry > WP Web Fonts Loader in your WordPress admin menu bar and then you will see all the available options you have.

Note: these global fonts will be overwritten if you apply fonts and styles to individual elements via the TinyMCE editor.

Reviews

01. prosinca 2019.
Currently, the page & post functionality is only available for the Classic Editor (soon we will support blocks as well); you can still apply global fonts via the options page.
Pročitajte sve 2 recenzije

Suradnici i Programeri

“WP Web Fonts Loader” is open source software. The following people have contributed to this plugin.

Contributors

Prevedite “WP Web Fonts Loader” na svoj jezik.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.0

Initial release and first commit into the WordPress.org SVN.

1.0.1

  • Added 20 more variations for the most popular fonts and now there are 40 fonts in total.
  • Newly added fonts : 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
  • Optimized the TinyMCE plugin code for the admin area editor.

1.0.2

  • Now you have the ability to change and add your font typeface and styles to the whole website. There are options to apply fonts to the body text as well as all the headings [h1-h6]
    (including some classes from Bootstrap 4 if you have it loaded with your site setup).
  • Fixed some issues when you apply fonts via the TinyMCE editor.

1.0.3

  • Some minor fixes and bugs.
  • The plugin is translation ready and all the copy is available for translating in different languages.
  • Prepare the plugin for Gutenberg and blocks support in the next major update.

1.0.4