How to use Google Fonts in WordPress (Simplest Font plugin Ever!)
By Adarsh Sojitra on September 14th, 2021
Fonts plugin is an effective Google fonts plugin for WordPress. It allows you to use the Google fonts on your site easily. Google library contains 998 unique fonts. You can easily change to any font among them. The plugin also provides a live customizer preview feature. Thus, you can choose and preview how fonts look on the site’s content using WordPress customizer. The plugin also integrates Adobe Fonts.
The Font plugin is compatible with any WordPress theme. Also, it is tested with Theme-Isle, Theme-Grill, Lyra-Themes, and many more.
It is SSL and HTTPS compatible. You can also use the font loading feature of this plugin. It means you can keep the fonts loaded until you need them on your site. The plugin is also SEO-friendly. Along with font options, you can change the font weight and font style of the content and headings. You can change the fonts of sidebars, navigation menus, widgets, titles, headings, and footers. To change the size of the fonts, you will require a pro version. Moreover, it allows you to upload custom fonts. It has various page builder integrations as well, like Elementor, WP bakery, Beaver builder.
The plugin also allows you to customize the text alignment to the right, left, and center. It has a simple and easy interface. You can easily configure the settings for all the elements of your site. However, advanced features like custom fonts and optimized font loading are available in the premium version. It also lets you host the fonts locally on your site. Additionally, you will be able to unlock the font color and size features in the pro version of this plugin. The plugin has a debugging feature that has two controls – Force style and Reset all the fonts. In some cases, the fonts plugin can’t overwrite the fonts set by your theme. This setting applies the fonts using a stronger method, which usually solves that problem. So, let’s briefly discuss the basic feature of this plugin:
- If you want to customize existing content, you can quickly and easily ‘transform’ it into a Google Fonts-Enabled block.
- The Fonts Plugin block allows you to customize your content with the following typography controls: Font (over 1000 Choices), Font Variant (Thin, Bold, etc.), Font Size, Line Height, and Color.
- Fonts Plugin has full integration with Gutenberg, which means you can customize any of your content using its extensive controls.
- It comes with a debugging panel that has two controls – Force style and reset all the fonts. In some cases, Fonts Plugin can’t overwrite the fonts set by your theme. This setting applies the fonts using a stronger method, which usually solves that problem.
- The pro version provides many advanced features like upload custom fonts and hosts the fonts locally. It also unlocks the font size and color features.
- Using this plugin, you can change the font style and weight.
- It has a live customizer preview feature that will let you choose the fonts and preview the site’s content live.
- The plugin is compatible with any WordPress theme. Also, it is tested with Theme-Isle, Theme-Grill, Lyra-Themes, and many more.
- It comes with various page builder integration as well, such as Elementor, Beaver Builder, and WP-Bakery.
- The plugin also allows you to customize the text alignment to the right, left, and center.
- You will have Adobe fonts integration as well.
- The installation and setup process is very quick and simple.
- Using the Font Loading controls is the quickest and easiest way to optimize your Google Fonts usage.
- You can change the fonts of sidebars, navigation menus, widgets, titles, headings, and footers. Moreover, you can also add custom elements.
The font plugin offers three paid plans – Personal, Team, and Business. The personal plan costs $29 that provides a license for one license. These plans offer priority support, one-click updates, and premium features. The Team plan retails $49 per year along with a license for three years. Also, the business plan costs $99 along with a license for ten sites. The premium version provides various advanced features like custom fonts, custom elements, and optimized font loading.
How To Install And Activate Fonts Plugin
The installation process is very easy. You can just follow the simple steps mentioned below to install and activate the plugin.
Step 1: First, you need to log in to the WordPress admin dashboard.
Step 2: Now, you will see the option “Plugins” on the left-hand side panel. Click on “Plugins,” then select “Add New.”
Step 3: You will see a search bar on the top right-hand side corner. Search “Fonts Plugin”
Step 4: Now, you need to click on “Install Now.”
Step 5: After installation, you need to activate the Fonts Plugin in order to use it on your site. Now, click on “Activate.”
Now you have successfully installed and activated the plugin. You can start customizing the fonts of any web page using this plugin.
How to Use Fonts Plugin
After activating the plugin on your site, you can start using this plugin on your site. You can change the fonts of any page by configuring a few settings. We have explained step by step guide below on how to use this plugin,
Step 1: First, go to the “Fonts Plugin” option available on the left side panel of the dashboard. Then select “Customize fonts”.
Step 2: You will be directed to “Font Plugin Settings“. Now, click on “Basic Settings.”
Step 3: You can customize the Base Topography, Headings Topography, and Button & Input Topography. First, select any desired font from the base topography section. This section will change the font of the font family (The descriptions under the heading).
Step 4: You can then change the fonts of headings from the Heading Topography section. If you have any buttons and input fields on the home page, then you can also change the fonts of buttons and input fields.
Make sure to click on “Publish” to save the changes on your web page. You can also change the background color in this section, but the feature is only accessed in the pro version.
Step 5: Now, click on “Advanced Settings“. You will have six options for customization. It includes Branding, Navigation, Content, Sidebar, Footer, and Load fonts only.
Step 6: In the “Branding Option”, you can change “site title topography” and “site description topography”. So, the fonts of the site title and description under the title can be changed in the branding section.
Step 7: Now, click on “Navigation” settings. You can change the fonts of menus or options available on the navigation bar on your site. You can select any fonts from available options. Moreover, it also allows you to change font style and weight.
Step 8: The next step will be “Content” font settings under the “Advanced settings”. You can change the fonts of page content, headings (H1, H2, H3, H4, H5, H6), and quotes from this section. Select any options from the fonts available. Moreover, you can also change the font weight and style.
Style 9: Now, go to “Sidebar” settings. In this section, you can change the fonts of sidebar headings and content inside the sidebar.
Step 10: In the Footer section, you can change the fonts, style, and weight of the footer headings and content. The load fonts section allows you to load fonts only, it will not assign the loaded fonts automatically to any element.
After these settings, click on “Publish” so that you can publish the changes in the elements. You can also debug the feature, which has two controls – Force style and Reset all the fonts. In some cases, Fonts Plugin can’t overwrite the fonts set by your theme. This setting applies the fonts using a stronger method, which usually solves that problem. You can disable the font editor controls. This will remove font controls from the individual post editor screen.
Font plugin is a freemium Google font plugin for WordPress in the market. You can easily change the fonts of the site’s content, like sidebars and widgets. Moreover, the plugin is integrated with multiple page builders like Elementor, Beaver Builder, and WP-Bakery. It is compatible with almost all WordPress themes. Also, the plugin is SEO-friendly as well. It provides a live customizer preview feature. So, you can easily configure the content in any font with a live preview. The Pro version offers many advanced features to configure the font settings like font size and color. It also provides licenses for up to 10 sites. If you want to unlock these features, then you can purchase the premium version.
The installation process is very easy and simple. You can just follow the step-by-step guide on how to install and activate the plugin. We have also explained a guide on how to use the font plugin. We hope this article will help you to configure the site’s fonts.