Content MarketingMarketing & Sales VideosMarketing Infographics

Typography Terminology: From Apex to Swash and the Gadzook In Between… Everything You Need To Know About Fonts

My main hobby growing up, when I wasn’t getting into trouble, was drawing. I even took a couple of years of drafting courses while in High School and loved it. It may explain why I often post articles on graphics, Illustrator, illustrations, and other design topics. Today, it’s typography and the design of fonts.

Typography and the Letterpress

If you want to take a step back in the history of fonts and typography, this is a great little film on the lost art of the Letterpress.

The Psychology of Fonts

After decades of working in both print and online, I believe I have a good eye for great design and fonts play an incredible role in the presentation of a brand, evoking emotional responses. In fact…

Not only is the appearance of text an important consideration for brands, but the appearance of different fonts can also have psychological effects on the viewer. By changing the style of font, choosing a more emotional font or a powerful font, a designer can make the viewer feel and respond differently towards a brand. 

The Psychology of Fonts
Psychology of Fonts - Serif, Slab Serif, Sans Serif, Modern, Script, Display

Still have doubts as to the power of fonts? There’s even an exceptional video providing the history of type fonts and war. And, of course, be sure to check out the movie Helvetica (on iTunes and Amazon).

Font Types and Typographic Design

Incredible detail and workmanship are accomplished in the design of fonts by typographers. Here’s a cool little video on typography… many people don’t know all the work that goes into font design and how important the role of fonts are to your messaging.

It’s a great video for explaining all the properties of a font, but I wouldn’t say I like the fonts they use in the video. I wanted to share it with you anyway! That way, when you want to explain to your designer that you want more space between letters, you can speak their language and say, Can we try increasing the kerning?

Typography is fascinating to me. The talent of designers to develop unique fonts and express an emotion is nothing short of incredible. But what makes up a letter? Diane Kelly Nuguid put together this infographic to provide insight into different parts of a letter in typography:

Anatomy of Typography

Typography Terminology Glossary

But there’s much, much more to the art of typography. Here’s every aspect and characteristic that are designed into a font by Typographers.

  1. Aperture – The opening or partially enclosed negative space created by an open counter.
  2. Apex – The uppermost connecting point of a letterform where two strokes meet; may be rounded, sharp/pointed, flat/blunt, etc.
  3. Arc of Stem – A curved stroke that is continuous with a stem.
  4. Ascender – A portion of the font that ascends beyond the height of a character.
  5. Arm – A horizontal stroke that does not connect to a stem on one or both ends.
  6. Bar – The horizontal stroke in characters A, H, R, e, and f.
  7. Baseline – The horizontal alignment of the base of the letters.
  8. Bowl – A curved stroke that creates a counter.
  9. Counter – The partially or wholly enclosed space within a character.
  10. Cross Stroke – A line that extends across/through the stem of a letter.
  11. Descender – The part of a character that sometimes descends below the baseline, typically in a g, j, p, q, y, and sometimes j.
  12. Ear – The stroke projecting from the top of a lowercase g.
  13. Foot – The part of the stem that rests on the baseline.
  14. Gadzook – The embellishment that connects the two letters in a Ligature.
  15. Joint – The point where a stroke connects to a stem.
  16. Kerning – The distance between letters in a word.
  17. Leading – The distance between the baseline of one line of text to the next.
  18. Leg – A short, descending stroke on a letterform.
  19. Ligature – Two or more letters connected to form one character; primarily decorative.
  20. Line length – How many characters fit in a line before you return to the next line.
  21. Loop – The lower portion of the lowercase g.
  22. Serif – The projections extending off the main strokes of a character. Sans serif means without Serif in French. Serif-based fonts have been known to help people read faster since the shape of the word is better defined.
  23. Shoulder – The curved stroke of the h, m, and n.
  24. Swash – A decorative extension or stroke on a letterform.
  25. Stem – The main straight, vertical stroke in a letter (or diagonal when there are no verticals).
  26. Stroke – A straight or curved line that makes up the bars, arms, stems, and bowls.
  27. Terminal – The end of any stroke that doesn’t include a serif; includes ball terminals (circular shape) and finials (curved or tapered in shape).
  28. Vertex – The point at the bottom of a character where two strokes meet.
  29. x-height – The height of a typical character (excluding any ascender or descenders)

Janie Kliever provided the second infographic for Canva with some additional detail. Click on it to visit their article for an in-depth view of each.

typography terminology

Font Resources

Want to explore some font resources online? Here are some great resources:

Douglas Karr

Douglas Karr is CMO of OpenINSIGHTS and the founder of the Martech Zone. Douglas has helped dozens of successful MarTech startups, has assisted in the due diligence of over $5 bil in Martech acquisitions and investments, and continues to assist companies in implementing and automating their sales and marketing strategies. Douglas is an internationally recognized digital transformation and MarTech expert and speaker. Douglas is also a published author of a Dummie's guide and a business leadership book.

Related Articles

Back to top button
Close

Adblock Detected

Martech Zone is able to provide you this content at no cost because we monetize our site through ad revenue, affiliate links, and sponsorships. We would appreciate if you would remove your ad blocker as you view our site.