12 Ways to Get Beautiful Typography for WordPress

Typography is just as important to your website design as the images, layout, or any other element. It’s the best way to highlight your content and make your site stand out from the crowd. These 13 tools and tutorials will help you to take your typography to the next level on your WordPress site.

Ultimate Google Fonts

This plugin gives you access to more than 90 open source fonts from Google. You can select and customize Google fonts directly through your WordPress admin panel. You can even add beautiful CSS3 effects on the plugin’s options page. If you like the fonts offered in the Google font directory, then this plugin makes it very easy to take advantage of them.

Download Plugin

WP Typography

This plugin improves your site’s typography with hyphenation, space control, intelligent character replacement, and CSS hooks for styling. It also supports over 40 different languages. This tool is for serious typography lovers who love to obsess over every little detail.

Download Plugin

Customize Your WordPress Fonts with the Free Awesome Fontstacks Service

Awesome Fontstacks is a free service that allows you to easily create bundles of beautifully matching, free web fonts. Our tutorial walks you through step by step so that you can use this service to create font stacks for your WordPress site and add them to your theme’s CSS file.

View Tutorial

Get Beautiful Fonts Using the @font-face Rule

@font-face is a CSS rule that allows designers to use non-standard web fonts that are not installed on their user’s machines. The fonts are stored on the server and referenced in the CSS file. Add beautiful fonts to WordPress using our step-by-step tutorial. Another option is to generate your own @font-face kits using Font Squirrel’s free @font-face Kit Generator.

View Tutorial

Take Advantage of Typekit Fonts

The Typekit Fonts for WordPress plugin allows you to select from hundreds of high quality fonts from the Typekit service and use them on your WordPress site without having to edit your theme’s header or CSS files. It’s also compatible with WordPress Multisite for use across your network.

Download Plugin

Advanced Typekit

This plugin allows you to add Typekit fonts to your site with the added ability to target them to specific elements using CSS selectors from within the admin panel. It uses the Google WebFont Loader to load fonts from your Typekit account into WordPress.

Download Plugin

Ban Comic Sans

This plugin gives WordPress site admins a filter which prevents people from using Comic Sans on your site. Its only purpose is to filter out all inline styles referencing Comic Sans from posts.

Download Plugin

WP Google Fonts

Google fonts plugin logoThis is another plugin for adding fonts from the Google font directory to your WordPress site. It’s very popular because of how easy it is to use. The plugin adds the necessary Google code and gives you the ability to assign the Google fonts to specific CSS elements of your website from within the WordPress admin.

Download Plugin

Font Uploader

This plugin lets you upload your own font files and apply them to any element of your website. All .otf and .ttf font files are supported and you won’t need to know HTML and CSS to use them. The premium version has full support for Internet Explorer fonts, making your custom fonts fully cross browser compatible.

Download Plugin

AnyFont

AnyFont is a plugin that allows you to automatically include any custom TrueType or OpenType font anywhere you want on your WordPress site. It’s also compatible with Multisite so that you can use custom fonts across your entire network.

Download Plugin

Webfonts

This plugin uses web fonts from the webfonts.fonts.com. Webfonts.fonts.com offers over 8,000 Web fonts and supports more than 40 languages. You can also use the WYSIWYG editor with web fonts enabled in the plugin so you can type the content and see real web fonts as you type.

Download Plugin

Fontself

Fontself is a service for creating your own fonts. Make a font using your own handwriting or grab a creative font from the Fontself library. The Fontself plugin for WordPress allows posting, commenting and viewing with fonts from the Fontself service. This is an easy way to add some more personality to your blog.

Download Plugin

Tags ,

Comments (20)

  1. Sweet. I’ve got code in my theme to add Google fonts I use, but it’s great to have plugins that can do the same, or tweak other stuff. Even in just the past year the updates in what fonts can do on the web has been awesome. Great typography is so important and so underrated.

  2. Hi, thank you for this useful list. I just wanted to point out a detail that might cause confusion. There are two plugins in the WP plugin directory that were made to work with Fonts.com. The one you mentioned, Webfonts, was developed by Monotype Imaging, has not been updated in two years, and is only compatible up to WP 3.0.5. The other, Web Fonts, is developed by a third party developer, has been updated this year, and is compatible up to WP 3.3.2.
    The latter plugin does not have the WYSIWYG editor feature.

Participate