{"id":526,"date":"2016-06-16T18:11:00","date_gmt":"2016-06-16T15:11:00","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=526"},"modified":"2022-06-21T16:27:29","modified_gmt":"2022-06-21T13:27:29","slug":"improve-wordpress-blog-typography","status":"publish","type":"post","link":"https:\/\/themeisle.com\/blog\/improve-wordpress-blog-typography\/","title":{"rendered":"WordPress Blog Typography: How to Improve It"},"content":{"rendered":"

The fonts you use on your blog can have a big impact on how the website feels to your visitors. Are you writing for a formal audience or a casual audience? An audience seeking a feminine lifestyle blog or a forward-thinking technology blog? The choices you make about your WordPress blog typography lend an immediate atmosphere to what your visitors are looking at, even before they ever read a word.<\/p>\n

Many WordPress themes<\/a> come with fonts carefully selected and paired by the designer, but some are rather plain. Or perhaps you want to use a theme for something other than its original purpose, and the font choices the designer made no longer match your goals.<\/p>\n

Maybe you just want to freshen things up without having to go through the sometimes arduous process of migrating to a new theme. Whatever the case, tweaking your WordPress blog’s fonts is a great way to change the look and feel of your website without investing a lot of time and effort.<\/p>\n

How to improve your WordPress blog typography<\/h2>\n

This post will cover a few easy ways to change and improve your WordPress blog typography and font styles, from diving into the settings for your theme, to using a purpose built plugin.<\/p>\n

Let’s get started:<\/p>\n

Some typography rules to keep in mind<\/h2>\n

In order to make consuming your content more enjoyable, you need to choose a font size and number of characters per line that is easy to read. To do this, you can use the Golden Ratio Typography Calculator<\/a>. Just enter your content width, and it will offer you suggestions for the perfect font size and line height for your paragraphs and headers.<\/p>\n

\"ratio\"<\/p>\n

Once you have these suggestions, you can integrate them with your blog in a number of different ways.<\/p>\n

For a manual approach, just follow these instructions<\/a> to determine which elements to edit in your custom CSS. You can place your code in the box under Appearance > Edit CSS<\/em>.<\/p>\n

\"css-editor\"<\/p>\n

Note. Here’s a short tutorial on how you can add custom fonts in Themeisle themes<\/a> using this method.<\/p>\n

Changing your fonts through theme settings<\/h2>\n

The options you have for editing your WordPress blog typography vary wildly from one theme to the next. Some themes give you the utmost control over fonts, sizes, and colors if you dig into the settings enough, whereas others give you next to no control (I’m looking at you, default WordPress themes).<\/p>\n

For example, here are the typography settings from a theme I have installed on one of my sites:<\/p>\n

\"wordpress<\/p>\n

Compare that to Twenty Fifteen, which only lets you change the colors of the text on your site, and nothing about the font:<\/p>\n

\"wordpress-typography-basic-settings-2015\"<\/p>\n

Since this is completely different from theme to theme, it’s a good idea to look for typography settings first. Theme settings are typically either under the Appearance<\/em> section of the admin dashboard\u00a0menu, or in their own new menu section under the name of the theme. If you find typography settings for your theme, great – that’ll be the easiest way to change your WordPress site’s fonts<\/a>. But if you don’t see them, don’t despair, just keep reading.<\/p>\n

Changing your fonts using a plugin<\/h2>\n

Because of the lack of font settings by default in WordPress, developers have released a huge number of typography plugins. Out of all the options available, there are two in particular that I would recommend. One of them is extremely simple and easy to use, while the other gives you a little bit more control:<\/p>\n

1. Styleguide<\/h3>\n
\n\t
\n\t\t\n\t\t\t\"Styleguide\t\t\tStyleguide – Custom Fonts and Colors<\/span><\/span>\n\t\t<\/a>\n\t\t
\n\t\t\t<\/a>\n\t\t\t

Author(s):\t\t\t\t\t\t\t\t\tbinarymoon<\/a>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t

Current Version:<\/span> 1.8.1<\/p>\n\t\t\t

Last Updated:<\/span> January 30, 2024<\/p>\n\t\t\t

Direct Download<\/a><\/p>\n\t\t\t\t\t<\/div>\n\t\t

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t100%Ratings<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\n\t\t\t\t\t\t3,000+Installs<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\n\t\t\t\t\t\tWP 4.5+Requires<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n