Many elements in web design 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 font 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.
9 FontAwesome Alternatives That Are Equally As Good
As more and more devices adopt high-definition screens, font icons are becoming a popular choice to adopt. It...Read more
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 several 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 optimization 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 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.
Read Also: 5 Best WordPress Plugins to Deal With Fonts and Typography
Font Resizer
This plugin provides an option for your website visitors to change the 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.
0 Comments