Get familiar with Type Anatomy

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 I want 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.
(My personal favourite term has to be Ear...or even Teardrop Terminal!)

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.


If you enjoyed this post and want to carry on and learn more about how to work with type including how to pair Typefaces, work with text in Indesign, create custom letterforms or place text on a path then check out our 365 Day's of Creativity playlist on YouTube and learn brand new creative skills in just one minute. 

So if you have a spare 10 minutes learn 10 new skills and try them out today!

Or if you fancy taking your learning experience that step further check out our online courses here

About the author 

Emily Melling

Emily Melling studied a degree in Visual Communication, after graduating she became a freelance graphic designer, specialising in Branding & Identity. She enjoys developing working relationships with clients and other creatives who are open to exploring new and innovative ideas.

Related topics you might be interested in

We share 20 side hustle ideas for creatives!

Continue reading

Learn to deal with creative block, find creative inspiration and start designing again!

Continue reading

Check out our 2022 Design Trends Predictions in Graphic Design, Illustrations, UX and Web Design!

Continue reading

Find out why most creative professionals love Milanote and cannot imagine doing their job without it!

Continue reading

Learn the pros and cons of using Justification and Alignment text and tons of tips on improving readability in your designs!

Continue reading

Discover all the latest updates from Adobe Max 2021! we will take a look at Adobe Photoshop, Adobe InDesign and Illustrator

Continue reading

Discover the 5 golden rules that will improve your designs!

Continue reading

Learn how to create original and creative designs layouts!

Continue reading