Easy Google Fonts Plugin Makes It Easy To Add Google Fonts To Your WordPress Site | WP Learning Lab - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress WPLearningLab Video: Easy Google Fonts Plugin Makes It Easy To Add Google Fonts To Your WordPress Site | WP Learning Lab.
Easy Google Fonts Plugin Makes It Easy To Add Google Fonts To Your WordPress Site | WP Learning Lab

Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL

Easy Google Fonts is a simple plugin that allows you to add Google Fonts to any text on your website quickly, easily and without code. You can even add the Google Fonts API to instantly have access to new fonts as they're released.

The get started first you need to install the plugin.

To install this plugin please log into your WordPress dashboard, hover over Plugins and then click on Add New.

On the next page type "easy Google fonts" into the search bar. The plugin we want should be the first one in the top left.

Click on the Install Now button and then click Activate after it's installed.

A new menu item called Google fonts has been created in the Settings menu.

On the first page that loads is where you set the 'target' for the fonts. In the Control Name field enter a descriptive name for the font target that makes sense to you.

Then click on the Create Font Control button.

Now a new input field will appear. In that field you input the CSS selectors that this font control will apply to.

Common examples of how to set this up would be Heading 1 as the control name, then h1 as the selector.

Or Heading 2 as the control name, then h2 as the selector.

Or Paragraph as the control name, then p as the selector.

You get the idea.

Once you have a font control created you can head over the Appearance, then Customise to start applying the fonts.

Once in the WordPress customizer you can click on Typography, then click on Theme Typography.

You will then see the control group or groups you created. Click on the Edit Font link below the Control Name.

Now you can make changes to the font. If the page you're using the customizer on has the appropriate css selectors then you will see live updates as you make changes to the font settings.

The font settings included:

- All of the Google fonts available
- Font weight
- Text decoration
- Text transform

Clicking over to the appearance tab you can set colors for the font and the background.

The Position tab allows you to define the alignment of the text.

Pretty easy stuff.

Once you're happy with the results you can click on Save and Publish.

Check out the blog post here: https://wplearninglab.com/easy-google-fonts/

Subscribe to this awesome channel here: http://www.youtube.com/subscription_center?add_user=wplearninglab

Published: Saturday, August 10, 2019 8:43 AM
Category: Wordpress WPLearningLab

113 Views

Related Videos

How to Remove & Disable Google Fonts From Your WordPress Website? Simple and Easy

by Best Webhosting Added 2 years ago 22 Views / 0 Likes

In today's video tutorial, we'll learn how to altogether remove the deactivate/disable Google Fonts from your WordPress website in a simple, fast and effective method. Improve frontend performance by disabling Google Fonts loaded by themes and plugins. Download WordPress themes and plugins free https://visualmodo.com How To Enable Google reCAPTCHA In WPForms WordPress Plugin Contact Form - Anti-Spam Guide 📤 https://www.youtube.com/watch?v=SzaHsVuQS6g
Popular
How to Change Fonts on WordPress Website with Google Fonts

by Best Webhosting Added 5 years ago 102 Views / 0 Likes

Download "15 Tools to Start Your Web Design Business" PDF from the link below: https://goo.gl/hARsLV Adding new and custom fonts to a WordPress website is really simple. My method of choice is Google Fonts. They have hundreds of font families to choose from, whether it's serif, san-serif or handwriting. You can use them on your website by pasting in HTML or CSS code. Or if you want to use them on graphics or elsewhere, you can download the fonts to yo
WordPress. How To Replace Cufon Fonts With Google WEB Fonts.

by Best Webhosting Added 5 years ago 88 Views / 0 Likes

This tutorial shows how to replace Cufon with Google font in WordPress templates. Choose your WordPress template now: http://www.templatemonster.com/wordpress-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts164 Want to Build WordPress Site in 5 Hours? Subscribe to this course: http://www.templatemonster.com/website-5-days.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts164 TOP WordPress Themes: https://www.youtube.com/playli
How to Change Fonts in WordPress - 5 EASY Ways

by Best Webhosting Added 1 year ago 29 Views / 0 Likes

Ever wondered how to change your fonts in WordPress? It's easier than you think, and in this video, I'll show you how. Read the written guide here 👉🏼 https://www.wpbeginner.com/wp-tutorials/how-to-change-font-in-wordpress/ --Top Resources-- ⚡Use Promo Code WPBVIP⚡ ►Best WordPress Contact Form Plugin https://wpforms.com/wpbeginner ►Best WordPress Analytics Plugin https://www.monsterinsights.com/ ►Best Lead Generation Plugin https://optinmonster.com/ ►B
How to Add Google Fonts to Your WordPress Website

by Best Webhosting Added 5 years ago 100 Views / 0 Likes

In this video, you are going to learn how to add Google fonts to your website. I will be adding two font families to a WordPress website but the method you will learn will work for custom built websites as well. Get your FREE WordPress SEO Course from the Web Monkey Academy - https://thewebmonkeyacademy.com/ Get 2 months FREE access to more than 16,000 courses on SkillShare - https://www.skillshare.com/r/profile/Alexander-Oni/6660110 Follow me on Face
WordPress. Troubleshooter. Google WEB Fonts Display Issue

by Best Webhosting Added 5 years ago 84 Views / 0 Likes

This tutorial will show you how to deal with Google WEB fonts display issue in WordPress templates. Want to Build WordPress Site in 5 Hours? Subscribe to this course: http://www.templatemonster.com/website-5-days.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts237 To view more our WordPress templates go to website: http://www.templatemonster.com/wordpress-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts237
Popular
WordPress. Cherry Framework. How To Manage Fonts & Fonts Style

by Best Webhosting Added 5 years ago 108 Views / 0 Likes

This video tutorial will show you how to manage fonts and fonts style in WordPress Cherry Framework template. To view more our WordPress templates go to website: http://www.templatemonster.com/wordpress-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts30 Build Absolutely Anything with Monstroid WordPress Theme: http://www.templatemonster.com/wordpress-themes/monstroid/?utm_source=youtube&utm_medium=link&utm_campaign=wptuts30 TOP WordPr
How To Use The Google Web Fonts API

by Best Webhosting Added 5 years ago 77 Views / 0 Likes

This tutorial is going to show you how website use google web font api. We've transcribed this video tutorial for you here: https://www.templatemonster.com/help/how-to-use-the-google-web-fonts-api.html Choose your template now: http://www.templatemonster.com/templates.php?utm_source=youtube&utm_medium=link&utm_campaign=generaltuts40 More Tutorials: http://www.templatemonster.com/help/ Subscribe Our Channel: https://www.youtube.com/user/TemplateMonster
How To Create a Google Fonts API Key?

by Best Webhosting Added 2 years ago 19 Views / 0 Likes

In today's Google developer video tutorial you'll learn a simple, fast, effective, and free way to create your own Google fonts API key in order to enable fonts on your website or project. Adding Custom Fonts To WordPress https://visualmodo.com/adding-custom-fonts-to-wordpress/ How To Change Font Family In Revolution Slider 6 WordPress Plugin? https://www.youtube.com/watch?v=szujjwkWuOQ How To Change WordPress Fonts? Site Typography Customization http
WordPress Google Fonts deaktivieren / lokal einbinden (2022): Mit 1 Klick | Plus: OMGF PRO Tutorial

by Best Webhosting Added 2 years ago 18 Views / 0 Likes

✅ Elementor Codeschnipsel downloaden: https://lp.wperfolg.de/zusatzmaterialien/ ✅ Zum OMGF Pro Plugin: https://wperfolg.de/omgf-pro * ✅ Kostenloses WordPress Buch (um richtig durchzustarten): https://lp.wperfolg.de/f1/gratis-website-buch/ ▬▬▬▬▬▬▬ Videoinhalt ▬▬▬▬▬▬▬ HINWEIS: Dieses Video ist keine Rechtsberatung. Es wird keine Haftung übernommen! Teile jetzt das Video "WordPress Google Fonts deaktivieren und / oder lokal einbinden (2022): Mit nur 1 Kl
Joomla 3.x. How To Use Alternative Google Fonts Source

by Best Webhosting Added 5 years ago 96 Views / 0 Likes

This tutorial will show you how to use alternative Google fonts source in Joomla 3.x templates. Choose Your Joomla Template Now: http://www.templatemonster.com/joomla-templates.php?utm_source=youtube&utm_medium=link&utm_campaign=jootuts98 More Joomla Tutorials: http://www.templatemonster.com/help/cms-blog-templates/joomla/joomla-tutorials/ Subscribe Our Channel: https://www.youtube.com/user/TemplateMonsterCo/ Follow us: Facebook https://www.facebook.c
Popular
Joomla 3.x. Troubleshooter. Google WEB Fonts Issue

by Best Webhosting Added 5 years ago 107 Views / 0 Likes

This tutorial will show you how to deal with Google WEB fonts display issue in Joomla 3.x templates. To View More Our Joomla Templates Go to Website: http://www.templatemonster.com/joomla-templates.php?utm_source=youtube&utm_medium=link&utm_campaign=jootuts168 More Joomla Tutorials: http://www.templatemonster.com/help/cms-blog-templates/joomla/joomla-tutorials/ Subscribe Our Channel: https://www.youtube.com/user/TemplateMonsterCo/ Follow us: Facebook