Top WordPress Custom Fonts Plugins Reviewed

These days we’re spoilt for choice when it comes to web typography, the only issue being how to actually add custom fonts to your WordPress site.

Digging around in code and messing with files can be fiddly. Luckily, there are plenty of great options if you want to change your site’s fonts, from simply adding a new font to see on elements like your header, to adding colors changing font sizes.

In this post, I’ve reviewed six of the best plugins that can help you get custom fonts set up easily on your WordPress site.

In this post, I’ve rounded up and tested the six best custom font plugins, scored them, and given each a brief description so you can make up your own mind. Each of the plugins has been scored on usabilty, user interface and the ability to upload custom fonts.

Use Any Font

Use Any Font

WPMU Rating

4.15/5

The Good

  • Ability to upload multiple custom fonts
  • Ability to assign fonts to elements such as headers, paragraphs and blockquotes

The Bad

  • Wonky user interface with instructions at the bottom of the settings screen rather than the top

Our Verdict

  • Usability: 4.5/5
  • User Interface: 3/5
  • Upload Fonts: 5/5
  • Overall: 4.15/5

The Bottom Line

Use Any Font is incredibly easy to use. Signing up for an API key is quick and painless. While this plugin offers basic options, the ability to upload your own custom fonts is a fantastic feature.

Use Any Font Review

Use Any Font is marketed with the tagline “Embed any font in your website.” A simple enough promise that describes exactly what this plugin delivers.

After installing the activating this plugin, you’ll need to sign up to the developer’s website in order to get an API key.

Use Any Font
You’ll need to sign up for an API key to use this plugin.

The developer, Dinesh Karki, asks for donations in increments up to $100 for using his plugin. Any donation over $10 will get you unlimited activation and unlimited font conversion for a lifetime. If you’re tight with cash and want the plugin for free (which I suppose isn’t asking too much since it’s available to download in the WordPress Plugin Repository), then you’ll only get a single activation and a single font conversion. So you pretty much get your arm twisted into making a contribution since who wants a plugin for just a single font?

Use Any Font
If you want access to more than one font you’ll need to make a donation to the plugin’s developer.

Once you’re API key is sorted, you can get on with uploading your own fonts. The plugin has one settings screen, which can be found in Settings > Use Any Font. From here, you can upload fonts, assign fonts to elements like headlines, paragraphs and blockquotes, and add custom CSS.

Dinesh seems to use his own service for converting your fonts to web fonts, but they do come out clear and the anti aliasing is pretty good.

Use Any Font
The plugin displays clear fonts on the front-end of my site.

While the user interface is fairly easy to get around, it’s not all that attractive, and it doesn’t make any sense that the instructions are at the bottom of the settings page and not at the top.

There are detailed usage instructions (not that you’ll probably need them) as well as support available on the developer’s website.

This is a fantastic plugin if you’re looking to quickly and easily add custom fonts to your website.

WP Google Fonts

WP Google Fonts

WPMU Rating

3/5

The Good

  • Easy to use
  • Access to a huge number of Google fonts

The Bad

  • Unable to preview fonts
  • Unable to upload custom fonts

Our Verdict

  • Usability: 5/5
  • User Interface: 3.5/5
  • Upload Fonts: 0.5/5
  • Overall: 3/5

The Bottom Line

WP Google Fonts couldn’t be more simpler to use. This plugin places the entire Google Font Directory at your finger tips, allowing you to choose from the vast number of fonts available for free. Unfortunately, this fantastic plugin loses points for the inability to upload custom fonts.

WP Google Fonts Review

WP Google Fonts makes adding custom fonts to your site really easy. After installing and activating the plugin, go to the settings page (located at Settings > Google Fonts) where you can add new fonts and assign each of them to elements such as headlines, blockquotes, paragraphs and lists. You can also add custom CSS.

WP Google Fonts
WP Google Fonts offers an easy to use settings screen.

Cleverly, the plugin limits users to just six custom fonts, not only so you don’t use up too many resources, but also so your website doesn’t look ridiculous with different fonts for every element.

WP Google Fonts options
Customise how and where your fonts display.

Unfortunately, you can’t preview what fonts will look like on the front-end before saving them. Instead, you’ll have to search through the Google Font Directory to find the fonts that you want before switching back to the plugin to input and save your settings.

Overall, this plugin gets top points for simplicity and ease of use.

Easy Google Fonts

Easy Google Fonts

WPMU Rating

3.15/5

The Good

  • The ability to preview custom fonts in the Customizer before saving them
  • Powerful customization

The Bad

  • Confusing settings page. It’s not clear that you need to use the Customizer

Our Verdict

  • Usability: 4.5/5
  • User Interface: 4.5/5
  • Upload Fonts: 0.5/5
  • Overall: 3.15/5

The Bottom Line

Easy Google Fonts gives you incredible control over how you integrate custom fonts your on your website. It’s easy to use (once you work out you need to use the Customizer) and you can tweak the font on just about every element on your site.

Easy Google Fonts Review

After installing and activating this plugin, the natural thing to do is head over to the settings page, which you’ll find at Settings > Google Fonts. The settings page is confusing at best. Where are all the fonts? What are you supposed to do?

Easy Google Fonts
The Easy Google Fonts backend.

There’s a noticeable lack of instructions, so I went back to the plugin download page to try and work out what I needed to do.

It turns out, you use the plugin from the Customizer. Nifty, right? This allows you to preview fonts on your website before you save them.

The plugin gives you incredible control over how you integrate fonts with your website. For each element on your site, you can choose a different font, specify its weight, decoration and any text transformation. You can also add colors, a background color, font size, line heigh and letter spacing. And not only that, you can also edit the positioning of your font, including margins and padding.

Easy Google Fonts
Use the Customizer to control your fonts.

Now back to the settings page. You can create font controls, which allow you to add specific CSS selectors that you want to control or even override. For example, you may want to bunch all your headline elements (h1, h2, h3 etc) into one font control called “Headings,” or put your body text elements (body, p, blockquote) into a font control called “Body Text.”

This plugin is perfect for anyone looking for an easy and powerful way to use Google fonts in their theme without having to mess around with code.

Typekit Fonts for WordPress

typekit

WPMU Rating

1.65/5

The Good

  • Ability to add custom CSS rules

The Bad

  • You need to sign up for an Adobe/Typekit account if you don’t already have one.
  • Inability to add and manage custom fonts from within the plugin

Our Verdict

  • Usability: 1.5/5
  • User Interface: 3/5
  • Upload Fonts: 0.5/5
  • Overall: 1.65/5

The Bottom Line

This plugin has been designed with Typefit users in mind. If you’re looking for a straightforward solution for adding custom fonts to your site, I suggest you check out some of the other plugins mentioned in this article.

Typekit Fonts for WordPress Review

After reviewing many solid plugins for this round-up, Typekit Fonts, for me, was a bit disappointing.

I was expecting the ability to upload fonts and even some integration with my Typekit account, but instead I got a text area for pasting embed code and another text area for custom CSS rules. And that’s it.

Typekit Fonts
The Typekit backend.

In order to use this plugin you need to have a Typekit account, or sign up for one. The idea is that you choose a few fonts in your account and publish them, then go to the Kit Editor and get your embed code, which you then paste on the plugin’s settings page.

Typekit Adobe
Sign in to your Adobe Typekit account to choose the fonts to add to your site.

If you aren’t willing to spend some cash on a Typekit plans, your options are limited to just a handful of fonts.

Overall, there are better plugins out there than this one if you want to add custom fonts to your website.

FontMeister

FontMeister

WPMU Rating

1/5

The Good

  • Hard to say because the plugin wouldn’t work

The Bad

  • It seems the plugin doesn’t appear to work with WordPress 4.0 and the developer is no longer maintaining it

Our Verdict

  • Usability: 0.5/5
  • User Interface: 2/5
  • Upload Fonts: 0.5/5
  • Overall: 1/5

The Bottom Line

FontMeister would be a really useful custom font solution for developers – if it worked. The ability to browse and add fonts from third-party services from within the plugin is a fantastic feature. Hopefully the developer will update this plugin soon.

FontMeister Review

FontMeister bills itself as a “one-stop plugin for all your fonts.” And indeed it appears to be just that. This plugin pulls fonts from your Google, Typekit, Fontdeck and Font Squirrel accounts for you to use in any theme.

FontMeister
Sign in to your third-party fonts accounts for integration with your website.

I was looking forward to testing this plugin to see what it was capable of, but when I tried to add new fonts from Font Squirrel I was unable to preview them or make changes.

So I went back to the plugin page in the WordPress Plugin Repository and realized the plugin hasn’t been updated since WordPress 3.5 at the end of 2012. It seems the plugin developer has abandoned this plugin as many questions seeking support have also gone unanswered. It’s a shame because this plugin has a lot of potential.

FontMeister fonts
Adding new fonts to FontMeister (but they’re not working).

Even if this plugin was working and up-to-date, average users you would be better off looking at other easier to use font plugins that don’t require signing up for a third-party account.

Hopefully someone adopts this plugin because it has a lot of potential to be useful for developers.

Font

Font

WPMU Rating

3.5/5

The Good

  • The front-end font editing experience is… interesting

The Bad

  • The front-end editing experience isn’t smooth and it takes a few goes to get things looking right. It also appears to be a bit buggy.

Our Verdict

  • Usability: 3/5
  • User Interface: 2.5/5
  • Upload Fonts: 5/5
  • Overall: 3.5/5

The Bottom Line

This throw back to the 1990s is fun to play with and is ideal for users working on a personal website who want full and fancy control over their fonts. If you’re a developer or more advanced user, you may want to look elsewhere.

Font Review

I must admit, I was hesitant to test this plugin. Anything that uses an excessive number of exclamation marks and 1990s era graphics with lots of drop shadow instantly puts me off. But the huge number of downloads (almost 340,000) and high rating (4.4 out of 5 starts) convinced me this plugin must be actually good.

Do you remember what Myspace pages used to look like when teenagers would go crazy with their CSS, making headers bright green and body text bright red, not to mention the distracting, moving background images? Well, this plugin is kind of a throwback to that time.

Font settings
The Font plugin’s settings appear to be fairly innocuous…

After installing and activating Font, you need to go to the front-end of your site and click “Font settings” in the top admin bar. A floating menu box will then appear and a bunch of font settings will replace the admin bar, including fonts, font size, and color. There are also pro settings that offer shadows and text angles if you want to upgrade. Upgrading is a fairly clumsy experience, which you do from within the front-end editing view and pay via PayPal.

Font front-end
…until you get to the front-end.

And the Winner Is…

There is no real clear winner. While I’ve scored the above plugins based on usability, user interface, and the ability to upload custom fonts, the last criteria skewed the results. While plugins like WP Google Fonts and Easy Google Fonts don’t allow you to upload your own fonts, they are still great options if you’re content with the, you know, 600+ or so Google fonts available.

  • Overall Score
  • Use Any Font: 4.15/5
  • WP Google Fonts: 3/5
  • Easy Google Fonts: 3.15/5
  • Typekit Fonts for WordPress: 1.65/5
  • FontMeister: 1/5
  • Font: 3.5/5
If I had to pick a winner after testing all these plugins, it would be Easy Google Fonts. This plugin gives you incredible control over the fonts for each element on your website without allowing you to go crazy like the Font plugin does.

If you have just one font you want to add to your site to change, say, your headers, Use Any Font is a brilliant and easy to use option for the average user.

While of these custom font plugins has its pros and cons (as described above in each review), each seemed to be let down by their user interface. While it wasn’t too hard to figure out how to use these plugins without turning to documentation, these plugins obviously haven’t been designed with user experience in mind, which is a downfall for many plugins.

Hopefully this list will provide you with some food for thought when choosing a solution for adding custom fonts to your WordPress site.

Tags

Comments (4)

  1. In the same vein, if site admins would like to allow their visitors to choose a font, they can create a little drop-down menu for font selection (here’s a tutorial on how: http://wordpress.omnifora.com/tutorials/create-a-drop-down-menu-to-select-the-font-for-your-site/). This menu can be placed into a sidebar widget and the sections of the page it targets could be tailored (the tutorial assumes the entire page should be targeted by the font switch).

    I cannot find the original thread now, but late last year I helped another member of this site implement a button to toggle the font on his site (he wanted to allow users to switch to a dyslexia-friendly font at their option). For users who would prefer a simple toggle (i.e., two font options) instead of a drop-down, here’s the tutorial on how to implement such a button: http://wordpress.omnifora.com/tutorials/create-a-button-to-change-the-font-on-your-site/.

  2. Hi Raelene,
    Thanks for reviewing my WordPress Plugin (Easy Google Fonts). It was definitely an interesting read. I just wanted to address a point about there being “a noticeable lack of instructions” for anyone else reading this article. If you click the Help tab on the top right hand side of the settings page you will find instructions there. Cheers

    Sunny

    • Hi Sunny, thanks for your comment. Easy Google Fonts was easily my favorite plugin in this list. I didn’t realise there were more instructions. Unfortunately, I think a lot of users (like me) don’t look at the help pulldown box at the top of the screen. Thanks for pointing it out.

Participate