A major and important part of any web design is typography. The type of fonts that you use on your website reflects the nature of your website and can help to reinforce your brand in the visitors’ minds. For instance, you may want light and attractive fonts on a website that’s meant for kids. Or, if you need a website for your rock band, some outlandish or funky fonts can help. For a lawyer’s website, you may want sturdy and solid fonts.
The type of fonts that you use is mostly determined by your theme. Most premium themes come with inbuilt access to Google fonts and allow you to tweak the theme files to alter the fonts. Developers can also add external fonts to WordPress themes. But if you’re not familiar with code, and don’t want to mess with the theme files, you can simply look to the many WordPress font plugins that can help to add and modify fonts on your website.
If you’re using video elements, interactive infographics or dynamic media environments, you may want to try free flowing hipster fonts. But to generally add fonts to your website and to modify them as you wish, you can use WordPress font plugins. Take care to choose plugins based on user interface and ability to upload custom fonts.
Free WordPress Font Plugins
The WordPress plugin repository has a number of free font plugins that help you to add Google fonts to your website. Many of them allow you to add custom fonts as well, and allow you to work from a user friendly interface.
Easy Google Fonts
Easy Google Fonts is compatible with any theme and is a convenient plugin to add Google fonts to your WordPress theme, without using code. Since the plugin integrates with the WordPress Customizer, you can preview the fonts in real time. By helping you make changes to font controls in your theme and make it available in the admin area, it pretty much gives you full control over the typography of your theme.
And with some basic knowledge of CSS selectors, you can add custom font rules. You get to choose from over 600+ Google fonts and font variants. The Google font list is updated automatically with the latest fonts. The plugin is a useful tool for theme authors who want to add Google fonts to their themes.
Use Any Font
Use Any Font allows you to use any custom font you want on your website without having to use code. It does not restrict you to the fonts of any particular service, nor does it involve storing your fonts on a remote server. And so, you’re not dependent on any third party server’s uptime. All the fonts are stored on your own server, and the conversion happens on the plugin server, after which it is returned to the site.
The plugin supports all major browsers and font conversion happens within the plugin interface. The uploaded fonts can be used directly from the WordPress Editor. Uploaded custom fonts can be used directly from the theme options panel of many premium themes. Multiple custom fonts are allowed (Premium), and the plugin is fast and SEO friendly. An API key is necessary to access the plugin’s server for font conversion. You can access one font set free, but if you need more than one font set, you’ll need to pay for the API keys. Custom font sizes upto 15MB is allowed.
WP Google Fonts
WP Google Fonts makes it easier to add fonts from the Google font library to your website. It helps you add the site specific Google code to your WordPress. From your WordPress settings, it also allows you to assign the fonts to specific CSS elements. Or, you can even assign the fonts working from your own stylesheet.
The plugin is regularly updated to take advantage of new additions to the Google font library.
Picking fonts for your website is a highly visual exercise. It’ s a great deal more convenient to make changes to the fonts when you can actually see the changes as they take place. Fonts makes this possible by allowing you to see the changes even as you try the various combinations. The plugin can intuitively detect the fonts that you click. It can drag the fonts about, and using a slider you can adjust the size. Change the color using a color picker and make all the changes you need visually. There’ll be no need to use code while trying out changes without seeing the result. You can fine tune the fonts visually and accept the changes when you are completely satisfied.
There are two ways in which you can put this plugin to work. In the first method the Site Admin can choose the Pick an Element From the Page from the Font Settings in the top bar. And then click on anything you like and change font color and size and save the changes. You can also upload your custom fonts. In the second method, you can make changes from the post editor by selecting text, and then selecting the Font Settings option in the top bar to make the changes you want.
Fonts adds options to your visual editor. This makes it possible for you to make changes to the fonts and accept them even as you are working on your post or page. Two options are added in a drop down format – one option for font sizes and the other option for font styles. Working with the plugin is similar to working with any word processor.
To be able to add you own custom fonts, you’ll need to upgrade to the premium version of the plugin.
Typekit Fonts for WordPress
Typekit offers a range of high quality fonts that comply with standards and licenses, and are accessible. You can use the Typekit Fonts for WordPress to add these fonts to your website. But before you do that, you’ll need to sign up for an account with Typekit. Thereafter, you can configure the plugin’s selectors or define your own CSS. Using the Typekit selectors is an easier way to add the fonts quickly to your site, but using the CSS offers you more control over the appearance of the fonts. The CSS also allows you to add more attributes to your fonts, such as font-weight. Besides, you can create your own CSS rules that use Typekit fonts without having to edit or upload your CSS stylesheets.
The default setting of the plugin is to load asynchronously, but this can be changed to synchronous loading. The asynchronous loading option does not block page rendering while fonts are being loaded in the background. The plugin supports multisites.
When it comes to fonts, the Font Organizer plugin offers all the functionality you may need. It can let you use Google fonts as well as upload your own custom fonts. You can add these fonts to your website and assign them to different elements without needing to use any code. And all the functions are available in one free plugin, with no premium upgrade required.
In a few clicks, you can upload the fonts and apply them to your website. The Show Font Family Preview Option allows you to see the fonts before you make your choice. This eliminates the need to load each and every font family from Google and thus saves time. Not only that, you can upload multiple formats to support multiple browsers. The fonts can be assigned to elements on a generic or specific basis. Further customization is possible and so you can edit elements and assign font weights. The plugin also allows you to delete fonts from your website and choose fonts and font sizes from the visual editor. It includes custom CSS, so developers can make quick changes to the fonts as well.
The Visual Editor in WordPress makes it easy for you to work within WordPress by allowing you to quickly call on the options in the toolbar. But not all the options can be accessed from the toolbar. The TinyMCE Advanced plugin lets you add, delete and edit buttons in the visual editor toolbar.
The TinyMCE plugin does not add fonts to your WordPress, but it allows you to add up to four rows of buttons to the toolbar. You can add buttons to adjust font sizes and font family and to format your pages and posts.
Zeno Font Resizer
The plugin adds a font resizer widget to your sidebar. Or you can add the template code on any page or post. The content which can be resized can be defined in the admin page. The default option resizes all the content on your site. Since plugin uses jQuery, users can adjust font size without having to reload the page.
MW Font Changer
MW Font Changer is the plugin to use if you want to add Arabic fonts to your website. It offers 20 Arabic and Persian fonts and 4 Latin fonts. It can change both the WordPress dashboard fonts and the theme fonts by entering theme ids and classes.
The plugin is easy to use and tested on Chrome, Internet Explorer and Firefox browsers. You need to install the plugin, select the fonts from the settings page, and simply save the changes and refresh the page.
Arabic Webfonts is another quality plugin to add Arabic fonts to your WordPress website. It adds customs font controls for your theme and controls the typography in real time. It integrates with your WordPress Customizer, so you can view the font changes even as you make them. It’s compatible with most standard WordPress themes.
Moreover, it allows you to create custom font controls in the admin area and make it available in the customizer area for use, without using code. With the plugin active on your site, you can control font size, type and style for each and every section in real time.
The Google Typography is a simple plugin that allows you to add Google fonts to your existing website without any fuss. After installing and activating the plugin, you can customize the fonts as you wish by visiting the Typography Option under the Appearance tab. Then simply apply the change to any existing HTML tag or CSS selector.
And every time you load the plugin page, the list of Google fonts is updated. So you can always access the newest fonts that Google has to offer.
Premium WordPress Font Plugins
This list of WordPress font plugins includes a single premium plugin. This plugin is devoted entirely to management of fonts, unlike many other premium plugins which include font management as one of their features.
FontPress is a powerful plugin that helps you totally manage all your fonts. It offers a wide range of fonts letting you choose from Cufons, Google and Adobe Edge web fonts, Adobe Typekits, @font-Face fonts or simple CSS fonts. Not only that, it also supports Early Access Fonts, Google’s new fonts for non Latin languages.
To use the plugin, select the fonts you want on your website and create global rules for their use. A number of parameters help to adjust font height and width, weight, color, background color, outline and shadow effect. Transform options for capitalization, font styles and decoration options are available. And if you want to prevent others from copying content, you can choose to turn text into an unselectable entity. Using typography shortcode, you can also create custom text blocks.
The font preview feature lets you view the fonts in all combinations of bold and italics. It includes CSS3 responsive units for font size and line height.
Fonts help to increase user engagement on your website and enhances user experience. They impart character to your site and reinforce brand value. The plugins in this list will help you add, customize and manage fonts on your website. And before you select a particular font, take a minute to check that it’s free for use. It could save you some legal trouble later.
As always, if we have missed out your favorite plugin, please let us know in the Comments below.