9 Typography WordPress Plugins for Beautiful Websites

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.

  • Font Organizer

    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.

    Interested in Font Organizer?

  • Use Any Font

    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.

  • Typekit Fonts for WordPress

    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.

    Interested in Typekit Fonts for WordPress?

  • FontPress – WordPress Font Manager

    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.

    Interested in FontPress – WordPress Font Manager?

  • Easy Google Fonts

    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.

    Interested in Easy Google Fonts?

  • Tiny MCE Advanced

    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.

    Interested in Tiny MCE Advanced?

  • wp-Typography

    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.

    Interested in wp-Typography?

  • font-resizer

    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.

  • Typing Effect

    JavaScript libraries are powerful tools for developers who want to add dynamic content to a website. For WordPress users not familiar with JavaScript, however, it’s always nice to have a plugin alternative to help them achieve the same effects. The Typing Effect plugin works just like the Typed.js script does, enabling users to create a typing effect for chosen bits of text on their site.

    Interested in Typing Effect?

Wrapping Up

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.

Brenda Barron
Over to you: Who here has used a JavaScript library (not a plugin) to manage or get creative with their typography? We’d love to hear about your experience and recommendations below in the comments!