hamburger menu

INSIGHTS

A quick Guide to Typography

A Quick Guide to Typography

Typography is arguably the most important part of any design because it carries the overall message. It is also important for the digital marketer to understand and communicate the typography goals of the client, and because many clients have no formal training in typography, it could be difficult for them to explain what they are looking for. This is a brief guide to the world of typography, which tries to bridge the gap between client and marketer.

Common Client Phrases

  • I want something more… round.
  • We are trying for something more traditional.
  • The font is too bold.
  • I like it, but the font is ugly, do you have something prettier?
  • I don’t like the font, try something else.

This guide will help to decode these common client phrases and allow you to make educated decisions about typefaces clients may want.

Type Anatomy

Knowing the basics of type anatomy is important in understanding the differences between different styles of typefaces. Every element of each letter has a specific name, but the most important elements to know are:

  • X-height
  • Cap-height
  • Serifs
  • Stem
  • Ascenders
  • Descenders

These elements make up the majority of a typeface and allow for easy differentiation.

Font Weight

entertained

Font weight is very important to know, and it is important to pick a typeface with a wide variety of weights. For example, sometimes the client isn’t aware that a particular font can go all the way from ultra-light to extra-bold. Choosing a typeface can give you multiple options to change the look of a typeface to satisfy a client’s needs.

Types of Fonts/Typefaces

There are three main classifications of typefaces:

  1. Serif
  2. Sans-serif
  3. Script

Almost every typeface out there today will fall into one of those categories. However, each one of these styles have numerous subclasses in them.

Serif Classifications

Three main categories of serif are

  1. Traditional
  2. Slab
  3. Didot/didone

Traditional

Picture1

Traditional serif typefaces have a more humanist look to them and often show the imperfections of the tool they were originally drawn with. The have large, curved serifs and fairly significant contrast in the thick and thins of the strokes.

Slab Serif

a 2

Slab serifs are usually very bold typefaces with squared-off serifs. They have far less contrast between the thick and thins of the traditional serifs. Clients are usually accustomed to seeing them on such things as old western signs, and college and sports sweaters.

Didot/Didone Serif

a 3

Didot serif typefaces are more elegant and have large contrasts in thick and thin strokes. Their serifs are also long, thin, and often squared off. Clients are accustomed to seeing this style of typeface in such publications as fashion magazines.

Sans-Serif Classifications

There are four main classifications of sans-serif typeface:

  1. Grotesque
  2. Geometric
  3. Square
  4. Humanist

Grotesque

f 1

Grotesque sans-serifs generally have high x-heights and very little contrast between strokes.  They are slightly condensed which allows you to fit more letters on a line. They are clean, modern typefaces.

Geometric

f 2

Geometric sans-serifs get their name from the geometric shapes that make up their letter forms. The round letters such as ‘o’, ‘e’ and ‘c’ are made up of perfect circles. These are very modern typefaces.

Square

f 4

Square sans-serif typefaces get their name from the “squaring” off of the round characters such as ‘o’, ‘e’ and ‘c’. They are usually stronger looking typefaces and work well with futuristic designs.

Humanist
 f 3

Humanist sans-serifs differ from the previous classifications as they have a fair amount of contrast in their strokes. They take after traditional serifs in the fact that they resemble a more hand-written quality compared to the computer-like elements of other sans-serifs.

Script Classifications

Three main script classifications are:

  1. Copperplate
  2. Brush
  3. Blackletter

Copperplate

f 5

Copperplate is a style of calligraphy writing that uses a pointed steel nib or quill to produce a style of lettering characterized by both thick and thin strokes. It is fairly elegant so it is not suited for every project, but when used well it can make a design shine.

Brush

f 6

Brush scripts are created by using brush pens which act more like a pointed paintbrush. Because of the nature of the tool they are usually a looser script and have a nostalgic, and humanistic feeling to them.

Blackletter

f 7

Blackletter, or Gothic scripts was a script used throughout Western Europe in the 12th century. They are drawn with a broad tipped nib which creates strong contrast between thick and thin strokes.

Common Client Phrases

 Let’s look back at those common client phrases and the answers we could now provide:

  • “I want something more… round.” – Geometric Sans Serif
  • “We are trying for something more traditional.” – Traditional Serif
  • The font is too bold.” – Try a different weight
  • I like it, but the font is ugly, do you have something prettier?” – Copperplace script
  • “I don’t like the font, try something else.” – Slab serif

Simple Type Tips

Try to only use 2 typefaces in any project or document

  • Don’t pair two decorative fonts together.
  • Headings should have enough contrast (ie. Bigger in size, different weight, both)
  • Allow space between headers and paragraphs.
  • Never stretch type!!!

 

Brand & Mortar

We are an award-winning communication and marketing agency. From managing social media, to designing your next eye catching advertisement we deliver on all of your content, social, and design needs.

Sign up to get
insights in your inbox

MailChimp

We know that transparency is non-negotiable and that strong communication is the foundation of any great relationship. With the knowledge and expertise at Brand & Mortar we are confident that we can make an impact on your business and its bottom line.

Toronto

31 Powerhouse St. Suite 203
Toronto, ON. M6H 0C7
info@brandandmortar.com
416 729 1154

San Diego

8910 University Center Lane
Suite 400, San Diego CA 92122
projects@brandandmortar.com
UpCity_Icon

Upcity

Clutch_Icon

Clutch

DAN_Icon

DAN
Digital Agency Network