9 Typography WordPress Plugins for Beautiful Websites
James Felici literally wrote the book on good typography. And do you know what he said? “Typography is the use of type to advocate, communicate, celebrate, educate, elaborate, illuminate, and disseminate. Along the way, the words and pages become art.”
If there’s anything standing between your visitors and the content on your site—including typography—you’re going to have a problem. You can’t afford to let a default theme font, outdated typography from five years ago, or even a just so-so font disrupt the user experience. That’s why I recently advocated for a review and revamp of your site’s typography.
Now, once you’ve found a killer eye-catching font that’s going to knock your visitors’ socks off, you need a way to get it on your site. You could try to find a theme that incorporates the font, but that’s a time consuming option. You could add a font by editing your code, but that oftentimes requires advanced coding knowledge and isn’t the right option for everyone. Or you could use a WordPress typography plugin.
Let’s face it. If you want to more easily manage the typography on your site, then a plugin is the best way to go. The following is a list of WordPress typography plugins that will allow you to locate, embed, resize, and optimize fonts for your website.
The Font Organizer plugin isn’t just about better organization. Its real strength lies in the power it gives WordPress users over their typography.
For starters, you can upload any font of your choosing using this plugin. Once in WordPress, you then have the ability to assign different fonts to different elements (like header tags), saving you time from having to repeatedly change fonts while composing content. This plugin enables you to do that as well, so if you need to update certain snippets of text to specialized fonts, you can still accomplish that within the visual editor.
This well-reviewed and popular WordPress plugin is another great tool for getting new fonts onto your WordPress site. Use Any Font enables users to upload new fonts, keep them organized, and automatically assign them to elements. As a bonus, they’ve provided enough documentation as well as a support forum to ensure that usage of this plugin is hassle-free.
I think it’s safe to say that this plugin is strictly for developers. Although Typekit fonts can be used by anyone (so long as you’ve signed up with Adobe Typekit), it’s the implementation piece of this that may be difficult for non-developers to figure out. That being said, this typography plugin still deserves a spot on this list as it streamlines the process of adding Typekit fonts to WordPress sites.
This is the only premium typography plugin to appear on this list, but it’s definitely earned its spot. FontPress aims to help WordPress users add and mix fonts from a variety of sources (including Google, Adobe Edge, @font-face, Cufons, Adobe Typekit, CSS, and non-Latin Early Access). Additionally, this plugin gives better control over typography rules, responsive content displays, and previews of all fonts in one place.
While the Easy Google Fonts plugin won’t be of use to anyone wanting to add non-Google fonts to their site, it will definitely help everyone else accomplish a lot with Google fonts. Perhaps the best feature of this plugin is its integration with the theme customizer tool, so users can test new fonts in real time on the site, assign a variety of settings (like size, color, and element allocation), and do it all before publishing. You can create your own font controls with this tool, too.
What this plugin does, essentially, is give you more control over your visual editor toolbar. Although this isn’t technically a typography plugin, it’s a necessary one to have if you plan to update fonts within the visual editor. Realistically, this plugin will be more helpful if your clients aren’t comfortable with coding or with the WordPress interface in general, but still want to change fonts while creating content for their site.
The wp-Typography plugin brings smart stylization to the characters within your site’s content. For instance, let’s say you copy text from a Word document and paste it into the editor. Even if the correct punctuation style wasn’t used (e.g. curly quotes instead of straight quotes), the settings you establish within the plugin will automatically override them, ensuring your typography is always presented professionally and consistently, site-wide.
Although experts claim that 16-point font or higher is ideal for optimal viewing across any and all devices, that may not be good enough for some of your visitors. For when accessibility is a concern, the font-resizer plugin could be a big help for visitors who want more control over how type is presented (in terms of size) on the site.
Typography is a funny thing. It’s so minuscule in stature when compared with the rest of the elements on a website, but it plays an immensely important role in the visitor experience. Once you’ve located a few new fonts to use, be sure to have your WordPress typography plugins set up and ready to go. They’re guaranteed to save you time in pushing those new fonts live while also giving you better control over how they’re presented.
WIN a Share of $5K
Subscribe to our blog this #hostingmonth for a chance to win one of 5 prizes of $1,000 WPMU Dev credit! Learn More.