If you want to make it as easy as possible to change the fonts on your WordPress website, and you'd also like access to <strong>a library of over 650 free fonts<\/strong>, then the <a title="Check out Google Fonts" href="https:\/\/fonts.google.com\/" target="_blank" rel="noopener noreferrer">Google Fonts<\/a> service is just what you have been looking for.\r\n\r\nIn this post we will show you how to integrate the Google Fonts service with your WordPress website by using a free plugin that allows you to start changing which fonts are in use on your website.\r\n<h2>Easy Google Fonts WordPress Plugin<\/h2>\r\nAlthough there are a few plugins that integrate Google Fonts with WordPress, Easy Google Fonts is a great option as it allows you to get a live preview of how the different fonts will look on your website before you make your final decision.\r\n\r\nNot only can you change the font face in use by the different types of text on your site, such as paragraphs and headings, but you can also change the size, color, and other attributes of the text, all through the WordPress Customizer.\r\n\r\nIn short, this plugin allows you to add Google Fonts to your theme without having to write a single line of code.\r\n<h2>How to Use Easy Google Fonts on Your Website<\/h2>\r\nAs the <a title="Easy Google Fonts" href="https:\/\/wordpress.org\/plugins\/easy-google-fonts\/" target="_blank" rel="noopener noreferrer">Easy Google Fonts<\/a> plugin is free to use, it can be installed on your site directly from the WordPress plugin directory\r\n\r\nTo do so, log into your site's admin area (http:\/\/yoursite.com\/wp-login.php) and then navigate to Plugins > Add New using the sidebar menu.\r\n\r\nFrom the Add Plugins screen, enter \u2018easy google fonts' in the search field and then install the first item in the results.\r\n\r\n<img class="aligncenter size-full wp-image-6217" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-Install-Plugin.png" alt="Easy Google Fonts Install Plugin" width="945" height="435" \/>\r\n\r\nAfter installing and activating the plugin, you can begin changing which fonts are used on your website.\r\n<h2>Customizing the Fonts<\/h2>\r\nAs the Easy Google Fonts plugin allows you to preview and change the different fonts in use on your website by using the WordPress Customizer tool, to start making changes, click on the Customize item on the Appearance menu on your site's admin dashboard.\r\n\r\n<img class="aligncenter size-full wp-image-6218" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-Customize.png" alt="Easy Google Fonts Customize" width="945" height="488" \/>\r\n\r\nOnce the plugin has been activated, it adds a new section of controls to the Customizer titled Typography. From here you can start trying out the different fonts available from Google, and customizing the ones that are in use on your website.\r\n\r\nThis is all done with a live preview that allows you to immediately see what effect your changes will have on your website. However, visitors to your website won't see those changes until you hit the Save & Publish button.\r\n\r\n<img class="aligncenter size-full wp-image-6219" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-Typography.png" alt="Easy Google Fonts Typography" width="945" height="562" \/>\r\n\r\nEasy Google Fonts gives you lots of controls for customizing how the text on your website looks. So to start changing the fonts, click on the style you would like to customize and then choose an option from the Font Family dropdown menu.\r\n\r\n<img class="aligncenter size-full wp-image-6220" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-Using-the-Customizer-01.png" alt="Easy Google Fonts Using the Customizer 01" width="945" height="560" \/>\r\n\r\nFor example, if you wanted to <strong>change the font used for the paragraph text<\/strong> on your website, click on the Edit Font button under the Paragraphs section. From there you can then change the actual font from the Font Family dropdown menu; set the decoration, such as underlined; and change the case.\r\n\r\n<img class="aligncenter size-full wp-image-6221" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-Using-the-Customizer-02.png" alt="Easy Google Fonts Using the Customizer 02" width="945" height="461" \/>\r\n\r\nBy clicking on the Appearance tab, you can also <strong>change the font color<\/strong>, text size, line height, and letter spacing. While the controls under the Positioning tab allow you to change the margins and padding.\r\n\r\n<img class="aligncenter size-full wp-image-6222" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-Using-the-Customizer-03.png" alt="Easy Google Fonts Using the Customizer 03" width="945" height="400" \/>\r\n\r\nYou can reset the text customizations at any point by clicking on the reset link, and then when you are happy with how your text looks, click on the Save & Publish button to update your website.\r\n<h2>Creating Custom Font Controls<\/h2>\r\nWhile the Easy Google Fonts plugin allows you to change the appearance of the paragraph and heading styles through the Customizer, you might want to change other styles on your website.\r\n\r\nThis could include block quotes, lists, and other styles that are used by WordPress or the theme you have installed.\r\n\r\nEasy Google Fonts does allow you to customize these styles, however you do have to enable the controls yourself. To do so, click on the Google Fonts item from the Settings menu on your site's admin dashboard.\r\n\r\n<img class="aligncenter size-full wp-image-6223" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-Custom-Control.png" alt="Easy Google Fonts Custom Control" width="945" height="306" \/>\r\n\r\nFrom the Font Controls screen you can then create a new control for the style you want to customize on your site.\r\n\r\nFor example, if you want to <strong>change the font for the lists<\/strong> in your posts, you could create a new style called Lists, and then add the relevant CSS selectors you would like to customize, which in this case would be .entry-content li.\r\n\r\n<img class="aligncenter size-full wp-image-6224" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-Custom-Control-02.png" alt="Easy Google Fonts Custom Control 02" width="944" height="565" \/>\r\n\r\nThen once you have saved your new custom control, there will be a new section on the Customizer titled Theme Typography which should display the custom controls you just created.\r\n\r\n<img class="aligncenter size-full wp-image-6225" src="https:\/\/pagely.com\/wp-content\/uploads\/2014\/10\/Easy-Google-Fonts-List.png" alt="Easy Google Fonts List" width="945" height="466" \/>\r\n\r\nSo while Easy Google Fonts makes it very easy to customize the standard text styles, it also allows you to add the custom controls you need to <strong>change any of the text styles in use on your website<\/strong>.\r\n<h2>Conclusion<\/h2>\r\n<a title="Easy Google Fonts" href="https:\/\/wordpress.org\/plugins\/easy-google-fonts\/" target="_blank" rel="noopener noreferrer">Easy Google Fonts<\/a> is a really easy to use plugin that not only allows you to choose from a list of over 650 free fonts, but also gives a live preview while you are making the changes to the text on your website.\r\n\r\nIf you have any questions about this plugin or using Google Fonts on your website, then please leave a comment below.