Typography is a pretty vast subject. What makes it even harder to master are the many unusual terms used to describe the way text is handled/created!

Today we want to introduce you to the topic of Type Anatomy and to familiarise you with some of these odd typographic terms!

The term character refers to an individual letter, numeral or punctuation mark. Uppercase letters are called 'caps/uppercase characters.' Then small letters are 'called lowercase characters.' All characters no matter what classification or typeface can be broken down into smaller elements. Just like putting individual puzzle pieces together to create the whole picture. 

type anatomy case example

Understanding the anatomy of typography and the way letterforms are put together will help you understand characters relationships to one another.

So when you're working with words/sentences you will know how to optimise readability for the viewer. Which is usually the most important factor when it comes to working with text. Always question if it's easy to navigate and understand for the viewer? If copy is a struggle to read it will struggle to communicate a message.

Plus as you learn about other areas of typography for example: how to set a body of text, how to pair several different type faces, how to manipulate/customise a typeface or even develop you're own understanding the anatomy of letters will provide a solid foundation to work on.

This makes it easy to and pick up new terms and techniques. So soon you will love working with type as much as I do...
well maybe!

So let's get started...

First off let's take a deeper look at the shapes/forms which make up individual characters. 

Bar

The horizontal stroke in letters. Also known as a Crossbar. These help to form the main structure of a lot of letters.

Open Counter

The partially open space within a character that is open on one end. Also see 'Counter' below.

Ear

A small stroke extending from the upper-right side of the bowl of a lowercase g. Can also appear in a curved lowercase r.

Teardrop Terminal

The appearance
of dropped-ends on the end of some strokes. 

Ascender 

An upward vertical stroke. Found on lowercase letters which extends
above the typeface’s
x-height.

final image type anatomy

Stem

The vertical,
full-length stroke which appears in upright characters. These help to form the main structure of many letters.

Counter

 The open or negative space in a fully closed area within a character. Spot 5 examples above.

Loop

The enclosed/partially enclosed counter below the baseline of a double-story g.

Descender

A downward vertical stroke. Found on lowercase letters and extends below the typeface’s baseline.

Serif

 A stroke/small decorative line added as embellishment to the form of a character.

Hopefully that gave you some useful information on the way characters are structured!

So now I want to explain a few terms you many have already come across like, X- Height, Baseline, Cap Height etc.

These terms refer to various lines/ boundaries we use to organise characters into words so they look balanced, well structured and consistent. Words which have been 'set' (or organised) correctly are not only easier to work with when they become sentences or paragraphs but can actually be used to communicate a message. Something you will discover more and more as you start to work with type! 

base line type anatomy

X- Height 

The height lowercase letters reach in a typeface. This is always based on the height of lowercase x.

Baseline 

The invisible base which all characters sit on. Curves characters like o should sit just slightly over the baseline. 

Ascender/Descender Height 

The invisible line marking the height of ascenders/descenders in a font.

Cap Height

The height of a capital letter in a typefaces measured from the baseline.

Do you want to become a Graphic Designer?

Let us be your guide on
your creative journey!


Start learning from our FREE
Survival Kit for Creatives course today


If you enjoyed this post and want to carry on and learn more about how to work with type check out the following tutorials!

UP NEXT

5 common Typography Mistakes To Avoid

We have listed a few of the most common typography mistakes designers should avoid!

Click here.


About the author 

Shumi Perhiniak

Shumi is a self-taught graphic designer and illustrator who has worked for Toni&Guy, Renaissance Learning, Baker Ross, and many others.

Additionally, she owned a brick-and-mortar stationery shop selling her art prints and now sells wholesale to retailers and online shops under the brand name www.herdesignworld.com.

Related topics you might be interested in

Top Graphic Design trends that will shape the creative industry in 2024 and beyond!

Continue reading

Are you looking for a fun, creative and affordable gift for your artist friends and family? Don’t worry; we’ve got you covered!

Continue reading

Having a hard time finding the perfect gift for your creative friends? We can help! Take a look at these 18 brilliant gifts for designers!

Continue reading

We will cover the basics of graphic design theory and explain everything you need to know to start creating beautiful designs!

Continue reading

Discover office inspiration and go behind the scenes of our own garden studio!

Continue reading

Find out how generative AI tools are reshaping the creative industry and how they will affect the jobs of designers!

Continue reading

Learn about the leading design portfolio platforms and how to create a killer portfolio

Continue reading