The Best Serif Fonts for Blog Designs

written by:
posted on: October 7, 2017

A few months ago, I organized all of my fonts in FontBook. I disabled system fonts that I didn’t use, removed free, out-dated-fonts, and filed everything into a respective folder. Upon completing this massive reorganization, I realized that I have very few serif fonts. Most of my designs tend to include some handwritten or cursive typography, so if I use a serif font, it comes in the body text. With paragraph copy, I have a few tried and true fonts that I love.

What Are Serif Fonts?

Serif typefaces have a small decorative line added as an embellishment to the primary form of a character. In this blog post, the blog post title and paragraph text are two different serif typefaces, while the subheading is a sans-serif typeface (without). Serif fonts fall into four distinct groups: old style, transitional, Didone, and slab serif.

  • Old Style fonts are low-line contrast (not much difference between thick and thin lines); an example is Garamond.
  • Transitional fonts are a little more pronounced difference between thick and thin lines compared to the old style; an example is Baskerville.
  • Didone fonts (blogger favorites) have an extreme contrast between the thick and thin lines; an example is Didot.
  • Slab serif fonts are very thick, initially designed for posters. They can be described as sans-serif fonts with added serifs because they have a more modern vibe. Examples include Clarendon and Courier.

Flexibility

Unlike cursive typefaces, serif typefaces are very flexible. You can manipulate the lettering, play with kerning and tracking, and use different weights and styles. Serif fonts invoke brand keywords such as professional, classic, timeless, academic, instructional, superiority while still staying feminine.

Aire Pro | Butler | Cormorant Garamond | Crimson TextLora | Lusitana | Mirador | NarzissPlayfair Display | Roboto Slab | Silk Serif | Zilla Slab

Display & Paragraph

When selecting serif typefaces for your blog design, select serif fonts optimal for headlines to use in your blog post template graphics, titles, and logos. These fonts work well when large and on display; they do not work for paragraph copy. For paragraph copy, fonts should be easily readable. They need to have less variation, i.e., transitional fonts. For example, Playfair Display is a great headline font, while Lora works well as paragraph text. If you switch them in your design, your headlines will look dull, and your paragraphs will be difficult to read.

Want to see serif fonts in action? Check out these projects – Adventures in Cooking, A Family Feast, Countryside Cravings, and I Am Baker!

Want More Design Advice?

Check out my comprehensive Branding Guide that includes everything from research and strategy to colors, typography, collateral, and content. It is full of over 100+ pages of case studies, data-driven solutions, and beautiful examples. Plus, it includes checklists, tools, resources, and worksheets to help you create a brand that makes a knock out first impression! Shop the guide today at the Brand Soirée website!

Do you have any questions about serif fonts? I’d love to hear your feedback! If you are interested in learning more about typography, make sure to subscribe to my design newsletter here!

The Best Serif Fonts for Blog Designs

Editor's Note

Some of the links included throughout this website are affiliate links, which means that Lindsay Humes LLC receives a small commission when certain items are purchased. These affiliate links provide a means for the site to earn revenue and generate free content for readers. For more details, read the privacy policy here.

Blog Design Lindsay Humes
Meet The Author: Lindsay Humes

Leave a Comment

Your email address will not be published. Required fields are marked *

Join The Blog Better Audit!

Subscribe to join thousands of other creatives, bloggers, and freelancers and receive my free email course on how you can improve your WordPress website. My newsletter is full of tips on how you can grow your audience with actionable exercises that do not require a designer or developer!


Terms: