Looking for the best WordPress font plugin to change the default fonts?
Having custom fonts is a great way to enhance typography of a website which will have a positive impact on UX and can also improve conversion.
In this article, I’ll walk you through the top 20 best WordPress font plugins to customize the typography of your website
- 1 Why Fonts Matters And What Are Benefits of a Good Typography?
- 2 Here Are Top 10 Best WordPress Custom Font Plugins (2017):
- 2.1 1) Use Any Font:
- 2.2 2) Easy Google Fonts:
- 2.3 3) WP Google Fonts:
- 2.4 4) Font:
- 2.5 5) Typekit Fonts For WordPress:
- 2.6 6) Google font manager:
- 2.7 7) Google Webfonts For Woo framework:
- 2.8 8) Remove Google Font References:
- 2.9 9) TinyMCE Advanced editor:
- 2.10 10) Crayon Syntax Highlighter:
- 3 WordPress Plugins To Improve The Typography And Enhance Readability:
- 4 Concluding: Best WordPress Custom Fonts Plugins (2017) That Add a Spark to Your Typography:
Why Fonts Matters And What Are Benefits of a Good Typography?
WordPress is great to use, right off the box. What’s even better is WP allows further customization to improve the design and user experience to name a few.
While most premium WordPress themes come with inbuilt option to change the font, add google fonts, change the spacing between texts etc, you might still need to take help of plugins to add more functionality like adding drop caps or pull quotes.
Here are the benefits of changing to custom fonts and enhancing typography:
Customizing your fonts is really what you should be doing because it can boost your site's readability and conversions. Here are some reasons why should consider changing fonts:
1) It enhances reader experience: When you change the font to something fancy it might look good but the users will not be able to read that text for long.Consider the below image to say what you’d choose:
2) Fonts adds credibility: Research shows that fonts can dramatically increase the credibility of what you write. For example, Baskerville is the font that increases the credibility of what you got to say as compared to fonts like modern, helvetica, georgia etc. (source).
3) Reduced Bounce rate & time spent on site: Larger fonts with better line spacing can boost your time spent on site and also lower the bounce rate. John Paul found that increasing his font size from 11px and having better line spacing improved his bounce rate by 30%.
Web font and typography can be very essential elements of how your visitors see your site. If you’re unable to choose the best font pairing for your blog, I recommend you to read this article to understand the basics of web font typography.
Ready to start customizing your fonts and WordPress typography?
Here Are Top 10 Best WordPress Custom Font Plugins (2017):
1) Use Any Font:
Use any font is a simple WordPress plugin for custom font setting. This plugin requires no coding skills to change the font of your website/blog and is free to use. Any average user can easily change WordPress blog font using this WordPress font plugin.
The plugin let’s you use any font as long as you have its font format (ttf, otf, woff) without having to depend on other server’s uptime. Use Any Font is free for single site font editing, however, you have to donate a minimum of $10 to use the api on unlimited sites.
2) Easy Google Fonts:
As the name suggests, easy Google fonts help you to integrate google fonts on your website. It allows you to choose from over 600+ Google fonts to add on your website without having to code.
The Easy Google Font plugin adds a typography tab on your customize section so that you can preview font changes live on the front-end of your blog.
3) WP Google Fonts:
Wondering how to add/change Google fonts to your WordPress websites?
WP Google fonts is the best WordPress font changer plugin that helps you add Google fonts to your site without having to code a single line. You can also assign Google fonts to specific CSS elements of your website with this plugin.
Font is the official plugin for fontsfontweb.com and is makes it ridiculously easy to change the fonts of your theme and even the post.
It allows you to change the font of any aspect of your theme just like other custom WP fonts plugins mentioned above. In addition to that, it also helps you change the font of a custom paragraph, sentence or even a letter of your article from inside the font editor.
Here are two ways to setup custom fonts on your WordPress sites:
Method 1: (How to change WordPress fonts from the front-end):
- Select an element when being logged in as admin go to your home page, or any other page.
- Click on element you want and name it.
- Click on "font settings" from the top bar and then on "Pick an element from the page".
- Change color, size and font face from over 1000 available or upload your own fonts.
- Save your custom fonts settings.
Method 2: (How to change font of specific part of article/post from within the WP editor):
- Go to the post editing page where you edit your posts and pages and select the section for which you want to add custom fonts.
- Click on "font settings" from the top bar.
- Select any portion of text. Can be a paragraph, one word or even a single letter.
- Change color, size and font face from over 1000 available or upload your own fonts.
- Update your post.
5) Typekit Fonts For WordPress:
Like Google fonts, Typekit also has a huge number of beautiful fonts that you can add to your website.
Typekit has a very limited free usage unless you are a subscriber of the Adobe Creative Cloud. So, you might have to buy a subscription from Adobe Typekit to use their fonts with full features.
In any case, Typekit for WordPress plugin makes it easy to add/edit and switch Typekit fonts to your website like a breeze.
6) Google font manager:
Google font manager is another lightweight custom WordPress Google font plugin that makes it easy to add, manage and customize Google fonts on your wp site. Google font manager allows you to add as many Google fonts as you wish.
The plugin interface is super clean and has a good UI. You can turn it on or off as per your needs.
7) Google Webfonts For Woo framework:
If you own an ecommerce webshop (using wooframework) on WordPress, you might know how sometimes the product fonts don’t match the theme or your branding.
So, if you want to customize the fonts of your product title and description on your wooframework themes or change the fonts to match the theme styling then this plugin is your thing.
Google webfonts for Woo Framework plugin is a lightweight font editing plugin that reduces your load times by only uploading fontweights that you use and not all unlike other plugins.
8) Remove Google Font References:
While all WP font plugins listed as of now in our WordPress typography plugins section help you set up fonts, Remove Google Font References plugin actually helps you remove Google fonts from your theme/site.
With no settings, no options to customize, this plugin does just what it says. It removes every trace of Google fonts from your website like the default Open Sans that WordPress uses.
If you’re wondering why to disable Google fonts from your website, the reasons can vary like privacy, security, blocking of Google servers, hiding a site by disabling footprints due to theme’s font usage etc.
Another plugin that helps to disable Google fonts from WordPress sites is Disable Google Fonts.
9) TinyMCE Advanced editor:
TinyMCE Advanced editor is a super handy visual editor that enhances the default WordPress editing dashboard with various options like changing font sizes, adding underline and justified text alignment options, background color etc.
It allows you to configure which buttons you want to be displayed on the visual editor because with the recent updates WordPress has eliminated many buttons like justify text alignment button or the background color button.
10) Crayon Syntax Highlighter:
This syntax highlighter plugin might not be for regular WordPress bloggers but is very handy for bloggers who write a lot of codes/syntax on their articles.
Crayon Syntax Highlighter is made with PHP & jQuery and supports both visual and HTML editor modes.
WordPress Plugins To Improve The Typography And Enhance Readability:
With enough said about the WordPress custom fonts plugins, let’s now dive into the section where we discuss some of the best WordPress typography plugins that will add a wow-factor to our content.
These plugins don’t necessarily change your fonts but add various elements to the text area like drop caps or cool messages on mouse hover to enhance readability.
Custom typography plugins can do a lot to boost user engagement on your site. Here are a few of the best wp typography plugins.
Let's just agree, plain text just fails to hold user attention and they hardly make it to the end of the article.
This is even worse when you are writing long-form content, like this very post.
(Hey, thanks for making it till this part of the article buddy! Yes I am talking to you my reader, thanks for completing more than 75% of my article. Cheers!)
You have to work hard to make your hard-work (content) stand out and convert they way you want it to.
When we are talking about plugins that improve our typography and readability it would be incomplete without the mention of Thrive Content Builder.
12) Zeno Font Resizer:
Often sites have a fixed font size that is either 14px, 12px or 16px. This is normal font size setting for reading but it may not be the case for everyone. There are readers who suffer from short-sightedness and so having a smaller font might irritate their eye.
But, we also have to agree that there can be no one granted text font size for everyone so it is better to add an option that lets users select their own font size.
This is where Zeno font Resizer comes into the scene. This plugin lets users change the text size of your posts.
13) Add Click To Tweet sections:
One simple way to increase social shares while adding elements to boost readability is click to tweet buttons.
Users can interact on your site, share lovable quotes or text sections from your site and this in turn will bring tons of extra social media traffic.
There are dime a dozen click to tweet button plugins for WordPress but my favorite is social warfare.
Concluding: Best WordPress Custom Fonts Plugins (2017) That Add a Spark to Your Typography:
With the massive list of WordPress font plugins above, you can easily change, modify, increase and decrease the size of your WP site’s font. All of these font changer plugins are easy to use and doesn’t require a bit of coding skills.
With the above list of free WordPress font changer plugins you can add all types of fonts, may it be Google fonts, Adobe Typekit font or any other popular web font.
My Recommedation: If you just want to change the font of your WordPress themes, you can use any of the above plugin. However, if you want more control over how your content looks and want to add elements that can make your article stand out you should definitely check out the Thrive Content Builder.
With a one-time investment of $67 you give your blog a brand new feel without touching a single line of code.
If you have any queries, or want to list your favorite plugin here, kindly give a shout out in the comments section. Feel free to share this post with your friends 😉