How to Use EB Garamond: a Classic Serif Font Perfect for Reading Online 

EB garamond cover

Welcome to Typogram’s FontDiscovery newsletter, written by your resident font and design nerd, Hua. Want to learn more about font and design? Subscribe FontDiscovery to get weekly doses of learning and inspiration♪


In This Issue...

How to Use EB Garamond for Logo and Branding

  • Fonts: EB Garamond, a classic font perfect for any layout
  • Design Idea: Ransom note!
  • Color Inspiration: Silver Cave in Guilin, China
 
Sample of EB Garamond
Sample of EB Garamond

Font of the Week

Defining a Style

While we don’t know when Claude Garamond was born, we do know that he created one of the most timeless, classic fonts that have ever existed: Garamond. Well-known for its grace and elegance, Garamond is one of the most popular fonts of all time. In fact, it was so popular that it became its own category: many similar-looking fonts created during that time were collectively Garamonds.  A staple for book covers, posters, it’s timeless and classic.

Different Garamonds created by different makers.
Different Garamonds created by different makers.  source: dailytypespecimen, wikiCommons

 

Can You Read the Problem

Garamond is considered an old-style serif. Typical characteristics of old-style serifs: Organic strokes, upright designs, and structures resembling handwriting with a pen.

Initially designed for print media, Garamond has excellent readability on books but is not well-adapted to screens. Garamond has a relatively small x-height ( height of the lowercase x). As a result, some white space of the letter becomes muddled and blurred out on screens.

diagram showing x-height.

Enter EB Garamond

Just as people were desperately looking for a screen replacement, EB Garamond came to the rescue. A faithfully executed revival of the original Garamond, EB Garamond greatly improves the readability for screens at 12-point reading size while retaining elegance. Like Garamond, EB Garamond is an old-style serif with organic strokes and handwriting-like influence.

Font Details

  • Five weights, two styles (regular & italic)
  • Variable font format
  • It has small caps (Small caps are uppercase letterforms molded into lowercase sizing, making these special uppercase letters optimal for readability at small sizes. Small caps are used for captions or labels on websites.)

General Usage Tips

  • Many weights make it is easy to create more complex, dynamic layout for websites and books
  • Use small caps in designs with small size capital letters, like labels and captions
gif illustrating how small cap is used
gif illustrating how small cap is used
How to use it for logo?
  • Communicates classic, tradition, and grace
  • Perfect for publishing companies or brands with a focus on editorial or tradition

How to use for marketing and branding?

Great for landing pages, editorial storytelling, books, or publishing projects.
Distinctive italic style is perfect for emphasizing the message

EB Garamond being used on internet.org
EB Garamond being used on internet.org (now archived), source: FontsinUse

Design/Marketing Idea of the Week

Ransom Notes

You are probably no stranger to this. A design tactic we see commonly used is the ransom note: a jumbled bunch of letters collaged together to produce a harsh mixture of voices meant to conceal the identity of the sender. With its roots back in the late 19th century, when printers mixed up different font styles on the same page, the ransom note has remained relevant in pop culture, even today, especially in the underground culture.

Random Notes used on Sex Pistels Cover Art
Random Notes used on Sex Pistels Cover Art

Color Inspirations of the Week

Wonders of Nature

Every week we feature beautiful photos from our subscribers and community! This week we have a funky palette from the Silver Cave, a Karst Cave in Guilin, China. Wenting is a UX designer based in New York City. Thanks for the photo, Wenting.

 

Silver Cave, a Karst Cave in Guilin, China
Silver Cave in Guilin, China. source: wentin

 


Creative Prompt

Can you create a Twitter visual with EB Garamond, ransom note, and the color palette from this week?

Thank you

…for reading and hanging out here this week! Here is EB Garamond.

simple infographic of EB Garamond
Simple infographic of EB Garamond

If you enjoyed the posts here, subscribe to get updates from Typogram's blog!