How to use Easy Google Fonts plugin (Wordpress)

in #utopian-io8 years ago (edited)

This plugin is very practical to use and additionally without using any kind of code. This plugin integrates with the WordPress Customizer so you can preview google fonts on your site in realtime. It’s compatible with any theme.

easy.jpg

Source

WHO IS THIS PLUGIN IDEAL FOR?

  • Anyone who is looking for an easy way to use google fonts in their theme without coding.
  • Theme Authors:you can use this plugin to add custom google webfonts to your theme.
  • Great for use on client projects or for use on existing websites.
  • People that are happy with their theme but want an easy way to change the typography.
  • Anyone with basic knowledge of CSS Selectors (in order to add custom font rules).

So let's start learning how to put google fonts in Wordpress.

First we will install the plugin and make their respective activation to be able to work.

  1. Go to the menu Plugin
  2. Add new
  3. Search by: Easy Google Fonts

easy1.JPG

  1. Install/Activate the plugin "Easy Google Fonts"

easy2.JPG

  1. If you now go to the section where installed plugins will see that the plugin has been installed successfully.

easy3.JPG

  1. Now let's customize the fonts. Go to your website and do "Customize".

easy4.JPG

  1. Click in "Typography"

easy5.JPG

  1. Here we can configure the fonts by definition of the following types:
  • Paragraphs
  • Heading 1, 2, 3, 4, 5 and 6

easy6.JPG

  1. Click Edit Font
  2. For example I will edit the font-family of the paragraph.
  • "Publish" - After doing the "Publish" all the paragraphs of my site were with the type of font that I chose.

easy7.JPG

We can also define other types such as blockquote example:

  1. Settings
  2. Click in submenu "Google Fonts"
  3. "Create Font Control"

easy10.JPG

Now we tell wordpress which is the tag that will affect:

  1. For example "blockquote"
  2. Click "Save Font Control"

easy11.JPG

Let's go back to our site and we'll edit our blockquote:

  1. Click in "Theme Typography"

easy12.JPG

Edit "My blockquotes":

  1. "Edit Font"

easy13.JPG

Now I'll make the change of the font type and show on the site how it was changed:

  1. For example change "Font-Family"
  2. Results
  3. "Pusblish"

easy14.JPG

In a few steps we have the google fonts.

Plugin Easy Google Fonts link HERE



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Hi! I am a robot. I just upvoted you! I found similar content that readers might be interested in:
https://en-ca.wordpress.org/plugins/easy-google-fonts/

WHO IS THIS PLUGIN IDEAL FOR?
Anyone who is looking for an easy way to use google fonts in their theme without coding.
Theme Authors:you can use this plugin to add custom google webfonts to your theme.
Great for use on client projects or for use on existing websites.
People that are happy with their theme but want an easy way to change the typography.
Anyone with basic knowledge of CSS Selectors (in order to add custom font rules).

[utopian moderator]

It was a quote but I do not do it again