The Best WordPress Plugins To Deal With Fonts & Typography

There are many elements in web design that require your full attention. Typography is one of these major elements, although we usually don’t place its importance high up the priority list. However, use the wrong typeface or fonts and you will leave a bad impression amongst your readers.

On that thought, I have put together five WordPress plugins that can help you do more with your fonts, such as change their color, size, appearance, etc.

On top of that, these plugins also help you better manage, highlight and display fonts on your site, disable auto-formatting on the backend and a lot more.

Use Any Font

With this plugin, you can use any font you have (in TTF, OTF, EOT, WOFF, SVG, or dfont formats) so you don’t have to depend on font embed services that usually come with a limited number of fonts. Just upload the font to your WordPress and use it.

Google Typography

There are hundreds of Google Fonts you can put to good use via this Google Typography plugin. And you don’t even have to write a single line of code to utilize this.

You can select and customize the site fonts from the WordPress Customizer and it’ll appear right on the preview.

FontAwesome

Font Awesome is one of the popular font-icon libraries on the Web, and you can use this plugin to add the font collection to your website.

It is an entirely new plugin; written from the ground-up and maintained by the FontAwesome team directly. You can load the icon as an SVG or a Web Font either directly or by using the CDN.

Custom Typekit Fonts

This plugin allows you to connect to Typekit (now Adobe Fonts) to add their font collection to your website easily.

It works with a couple of popular themes and theme builders such as the AstraTheme, Beaver Builder Theme and Plugin, and Elementor Page Builder.

Custom Fonts

With this plugin, you can create your own custom font collections, literally. It provides a Setting in the dashboard where you can upload the font to your website. Then you can select the font from the WordPress Customizer.

It’s also compatible with popular page builders such as Elementor and Beaver Builder.

WP Typography

This plugin adds a number of typography features to your blog including hyphenation, spacing control, forced internal wrapping of long URLs, intelligent character placement, smart handling of quotes and other characters along with CSS hooks for styling ampersands, acronyms, and other special characters.

Host Google Fonts

At times, for legal, GDPR, or performance reasons, you’d want to load the fonts from the copies on your own website. Whatever is your purpose, this plugin can help you with that. It can load Google Fonts from the local copies and perform some optimisation automatically.

Disable Google Fonts

If you don’t think that the Google Fonts is the right fit for your website, this plugin would come in handy.

It allows you to remove Google Fonts from your website. It works with almost all of cases and themes, such as Twenty Twenty, Storefront, and Elementor, right out of the box.

Swap Google Font Display

One of the problems with loading Google Font is that the text on the page won’t render before the font files are loaded. This plugin helps address this for WordPress by injecting a new CSS new property, font-display: swap, automatically.

Font Resizer

This plugin provides an option for your website visitors to change font size of the content. I remember that it was quite common on the web around the 90s and early 2000s. It’ll bring back the retro feel to your website and would also work as a good accessibility feature for your website.

Enjoy!

2 Likes

Thanks for these useful list. Appreciate! :+1: