J. Pedro Ribeiro

Know Your Type: Part 1 - Anatomy

October 14, 2009

Know Your Type: Part 1 - Anatomy

Typography is a field that is quite new to me. Coming from a developer background, I did not study type the way graphic designers do. Luckily, today we have great books and various websites approaching this subject.

In this post series, which will be called Know Your Type, I will share some basic concepts and theories to introduce you to the amazing world of typography.

In this first post, let's find out the main terms used to describe specific shapes used in the characters formation and their surroundings. These terms will be repeated throughout the posts in this blog series so you can always used it as a reference.

Terms

anatomy-of-type

Ascender: Part of the character that extends above the baseline. Bar: Or Cross Bar, is a horizontal stroke that crosses a character. Baseline: Line where the type sits. Bowl: Curved stroke that makes the counter area. Cap Height: Height of a capital letter. Counter: White space inside a letter. Descender: Part of the character that extends below the baseline. Ear: Upper stroke of a lowercase g. Link: Stroke connecting upper and lower parts of a letter, as in the lowercase g. Loop: Lower portion of a lowercase g. Serif: Short line that extends from the main stroke. Spine: Curved stroke of the letter S. Stress: Direction of thickening on the curved stroke of a letter. Stroke: Or Stem, is the main stroke of the character. Terminal: The end of a stroke that does not end in serif. X- Height: Height of a lowercase letter without ascenders or descenders.


J. Pedro Ribeiro

Hello!
I’m a Brazilian frontend developer living in London. This website features some of my latest projects and my thoughts on anything web related.
You can find me on Twitter, Instagram, and LinkedIn.
Wanna talk? Send me a message.