Make educated decisions about typography.
Hi bloggers! My name’s Kjell Reigstad, and I’m a designer at Automattic. This is part six in my monthly series on “The Principles of Design.” In this series, I share some of the basic tenets of design, and we explore how to apply them to your blog.
There are millions of beautiful typefaces out in the world. They’re easy to appreciate but sometimes it can be daunting to actually choose one. On WordPress.com, we’ve recently added a number of new typeface options for everyone, so I thought I’d share a few pieces of advice on selecting fonts for your blog.
Context is key
When choosing a font, the most important thing to consider is the sort of text it’ll be applied to. This will help determine whether you’re looking for a display face or a text face.
Display faces are meant to grab your attention and convey a feeling. They tend to be very stylized and look great when used for short bits of text. On your blog, display faces are generally best suited for headers.
Text faces on the other hand, are meant for reading. They’re usually more modest than display faces, and their lines and curves are fine-tuned to lead your eyes through a paragraph. Text faces often work well for both headers and paragraph text.
If you’re using the Customizer on WordPress.com, we take some of the guesswork out of this for you: the display faces we offer are only available for use in your blog headers.
Serif vs. sans-serif… does it matter?
The difference between a “font” and a “typeface” is actually pretty simple- a typeface refers to an entire family of fonts (Helvetica, for instance), while a font traditionally refers to a specific size and style variant (like 12pt Helvetica Bold).
When people describe typefaces, they’ll often start by identifying it as either a serif or a sans-serif typeface. You may already be aware of the differences between the two: serif fonts have little shapes hanging off the ends of the letters, while sans-serifs do not.
When it comes to choosing one or the other, the question is largely one of opinion at this point. It’s been argued that serifs helped guide your eyes through words, but in practice, the difference is mostly negligible and depends on the reader. A more useful distinction is that sans-serif fonts tend to feel more modern, and serif fonts tend to feel more traditional. Depending on the feeling you’re trying to evoke on your blog, one style may feel more appropriate than the other.
A part of your story
The key to a great font choice often comes down to a thematic similarity between the context and the typeface. For instance, if your blog is about 18th-century literature, maybe a font with roots in the 18th-century makes sense. If you write about early computing, a fixed-width font might invoke the perfect amount of nostalgia. Sometimes the link will be clear, but other times it may be purely emotional. Some typefaces are bouncy and fun, while others are rigid and serious. Think about the tone and voice of your blog, and look through a bunch of fonts for one that appears to be speaking a similar language.
The best thing you can do is try things out! When I start a brand new project, I’ll regularly try anywhere from 10-50 different typefaces before I land on the right one. On WordPress.com, our Customizer is a great way to test all the different fonts available and preview the changes directly on your blog.