Hackernoon logoReviewing The Font: EB Garamond Tips & Tricks for Usage by@huashu

Reviewing The Font: EB Garamond Tips & Tricks for Usage

Claude Garamond created an old-style serif with organic strokes and handwriting-like influence. EB Garamonds is one of the most popular fonts of all time. It's a classic font perfect for any layouts. Design/Marketing Idea of the Week: A jumbled bunch of letters collaged together to produce a harsh mixture of voices meant to conceal the identity of the sender. Images from the Silver Cave in Guilin, China, are featured in this week's edition of the series.
image
Hua Shu Hacker Noon profile picture

@huashuHua Shu

write: blog.typogram.co | work: typogram.co

If you like this series, you can subscribe here. You can also read it on our blog.

Hi There 👋

How’s your week going so far? Last week was productive for me. I wrote a new post on the blog about visualizing ideas for branding. I also finally bought this video game on my wishlist. I ended up spending many hours last weekend playing it! I normally use the weekend to think up content ideas and work on writing, but it was a nice change. I’ll probably spend more time on it this weekend. I hope you have a wonderful week. Don’t forget to come up to the surface for some air!

In This Issue

- Fonts: EB Garamond, a classic font perfect for any layouts
- Design Idea: Ransom note!
- Color Inspiration: Silver Cave in Guilin, China

image
image

img: sample of EB Garamond

Font of the Week

Defining a Style

While we don’t know when Claude Garamond was born (1), 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.

image

img: 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.

image

img: diagram showing x-height. The x-height of Garamond is significantly smaller than Helvetica at the same size

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
  • image

    img: gif illustrating how small cap is used

    Specific Usage Tips

    How to use it for a 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
    image

    img: 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 (2), 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.

    Is the ransom note tactic something you can use for your projects?

    image

    img: ransom note design being used as a cover for the Sex Pistols, a UK punk rock band, source: eli.com

    Color Inspirations of the Week

    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!

    image

    img: Silver Cave in Guilin, China. source: wentin

    Interested in contributing an image? email me your image for a chance to be featured!

    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! EB Garamond is available here.

    Sources:

    1. https://en.wikipedia.org/wiki/Claude_Garamond
    2. Heller, Steven. 100 Ideas that Changed Graphic Design.

    Have more questions about design and fonts? Please email me! [email protected] or find me on Twitter at @HuaTweets. If you liked today’s post, please consider subscribing or sharing with a friend.

    Tags

    Join Hacker Noon

    Create your free account to unlock your custom reading experience.