Google Fonts is free web typography offered by Google which any website can use for free.
Every website owner and blogger wants to make their site unique and attractive and try to present the website with own Style and Personality to the Visitor.
Text font style of the website is an important element of web design. Thankfully, Google Fonts allows you to choose a large number of web fonts, and many website owners are also taking advantage of it.
Today in this article, I will tell you how to add Google Web Fonts in your WordPress themes the RIGHT way.
Brief Descriptions of The Content
How to Add Google Fonts to WordPress Customizer
There are many plugins available for adding Google fonts to WordPress, the most popular is the Easy Google Fonts. This gives you full control over Typography.
This plugin allows you to add custom google fonts to any WordPress theme without coding. When you install the plugin, it adds a new menu item to the WordPress Customizer so that when you add custom Google fonts to your site, you can see it in real-time.
What does the plugin do?
- This gives you full control over the theme’s typography.
- This gives you 600+ google fonts style.
- You can see Google font changes on your website in real-time.
- Allows to add google fonts in your WordPress website without editing the theme’s stylesheet.
Now, Let’s start how to Google fonts to your WordPress website…
To change your website font style, First, install and activate Easy Google Fonts plugin in your site.
Once the plugin is activated, it will add a new menu item to your WordPress customizer – Typography. Just need to click Appearance >> Customize.
Here I am using the Sample child theme of Genesis Framework.
It allows you to control all typography such as Headings to Paragraphs.
If you want to customize the Paragraphs font of your website, the Easy Google Fonts plugin allows you to customize its styles, appearance, and position.
The Styles tab allows you to customize the Script, Font Family, Font Weight, Text Decoration, and Text Transform. Its font family option offers you a lot of font styles.
Apart from this, the Appearance tab allows you to configure Font color, Background color, Font size, Line height and Letter Spacing.
The Positioning tab provides you Margin, Padding, Border, Border Radius, and Display Configuration.
Here’s how easy it is to change the website’s font style by the Easy Google Fonts plugin. The biggest advantage of this is that when you customize the font, you can see their live preview.
You can easily change your website look by using Google Fonts. And as I said earlier, Text font style is an important element of web design.
If you want to make your site a professional looking, Google Fonts can help you a lot.
We’re done, and it’s now your turn! Find this article helpful? Don’t forget to share!