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

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

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

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

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:
Category: Wordpress WPLearningLab
108 Views

Related Videos

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

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

    by Best Webhosting Added 17 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

  • How to Change Fonts on WordPress Website with Google Fonts

    How to Change Fonts on WordPress Website with Google Fonts

    by Best Webhosting Added 94 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.

    WordPress. How To Replace Cufon Fonts With Google WEB Fonts.

    by Best Webhosting Added 82 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

    How to Change Fonts in WordPress - 5 EASY Ways

    by Best Webhosting Added 17 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

    How to Add Google Fonts to Your WordPress Website

    by Best Webhosting Added 95 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

    WordPress. Troubleshooter. Google WEB Fonts Display Issue

    by Best Webhosting Added 82 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

  • WordPress. Cherry Framework. How To Manage Fonts & Fonts Style

    WordPress. Cherry Framework. How To Manage Fonts & Fonts Style

    by Best Webhosting Added 99 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

    How To Use The Google Web Fonts API

    by Best Webhosting Added 73 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?

    How To Create a Google Fonts API Key?

    by Best Webhosting Added 15 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

    WordPress Google Fonts deaktivieren / lokal einbinden (2022): Mit 1 Klick | Plus: OMGF PRO Tutorial

    by Best Webhosting Added 12 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

    Joomla 3.x. How To Use Alternative Google Fonts Source

    by Best Webhosting Added 92 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

    Joomla 3.x. Troubleshooter. Google WEB Fonts Issue

    by Best Webhosting Added 101 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

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS