Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Typography for Designers!
You have completed Typography for Designers!
Preview
We’ll need to be on the same page when talking about web typography. The terms covered here will help us define what we’re talking about down the road.
Further Reading
- Font vs Typeface: the ultimate guide
- A Glossary of Typographic Terms, Adobe
- Typeface Anatomy and Glossary, FontShop
- Type Terms - an animated typographic cheat sheet
Resources
- Toptal Colorblind Web Page Filter
- Color Blind plugin - for Figma
- Design for everyone with these accessibility-focused plugins - Figma
- ChromeLens - Chrome plugin
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
This will include typefaces,
parts of letters, layouts, and more.
0:00
Instead of ambiguously trying
to describe something like that
0:05
low swoopy part of the lowercase y,
these terms will make it
0:08
much easier to know what you're talking
about as we dive into typography.
0:12
Let's look at the numerous
elements that shape a typeface.
0:17
First, we have the cap height.
0:21
This is simply the height
of the capital letters.
0:23
Next is the baseline, which is
pertinent to both the uppercase and
0:26
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up