top 10 typography terms

: top 10 typography terms

Whether you are new to design, a seasoned pro, or someone who works with copy, it’s good to familiarize yourself with the terms used to describe how copy gets formatted in your marketing materials.

Why?

Well, for the same reason it’s helpful to speak a little French when you’re in a French restaurant: if you’re able to speak the language, you’ll be more likely to get what you want…with better service!

So with that analogy, voilà, my top 10 typography terms are below.

But why wait? Download my FREE typography guide here and start sounding like a pro today!

Grab your FREE typography guide!

1. leading

Leading describes the vertical space between each line of type. The term stems from the ye olde days when strips of lead were used to separate lines of type in the days of metal typesetting.

2. kerning

Kerning is the space between two individual letters to optimize their visual appeal and readability. For example, where an uppercase ‘A’ meets an uppercase ‘V’, their diagonal strokes are usually kerned so that the top left of the ‘V’ sits above the bottom right of the ‘A’. This is the reason the icon for this has the letters ‘A’ and ‘V’.

To adjust the kern, you have to place your cursor between the two characters.

3. tracking

Tracking is the amount of space between multiple letters in a passage. To tighten or loosen the tracking, you highlight the words or select all the characters you want to adjust.kerning vs tracking

4. serif/sans serif font

Serifs are the semi-structural details on the ends of some strokes of letters and symbols; typefaces without these projections are known as sans serif.

In general, sans serif fonts are used onscreen because the extra “doo-dads” (serifs) make it harder to read copy on a screen. But in print, it’s not uncommon to see a sans serif heading paired with serif body copy or vice versa. There are no hard-fast rules anymore other than to say that you don’t want to introduce too many fonts in one layout.

serif vs san serif

graphics grrrl design red_divider
graphics grrrl design red_divider

5. font family

Fonts with a “full family” have variations of the typeface, not just one font. Examples can include options such as: bold, italic, oblique, condensed, bold italic, condensed bold, heavy, demi, etc. Designers never click the bold button when they can choose the true bold version of the font.

6. justified

Not just a great Justin Timberlake solo album, this is the paragraph alignment that allows for copy to begin flush left and finish flush right. It’s often used in layouts with columns of text so a perfect gutter (the space between columns) forms. Be careful to not have copy that’s too squished or too spaced out in your attempt to be “justified” in your decision to justify copy. (I know, groan!)

justified

7. baseline grid

The baseline is the line upon which most let­ters sit and below which des­cend­ers (such as the lower loop of a ‘g’) extend. You can show the baseline grid in InDesign, for example, in order to line up copy from one side of a spread to the other.

baseline grid

8. ascenders/descenders

The part of a lowercase letterform that projects above the x-height of the font, ascenders are important for ease of prolonged reading, though the combination of too much ascender-height and not enough x-height can cause problems.

Descenders are the part of the letterform that falls below the baseline. In lowercase terms, this means ‘p’, ‘y’ and ‘q’, and sometimes applies to uppercase ‘J’ and ‘Q’.

ascenderdescender

9. em/en

Em is a horizontal space equal to the current point size of text. En is a horizontal measure one half the size of an Em. These terms are used in conjunction with space or dash to indicate how long each are to be.

But why wait? Download my FREE typography guide here and start sounding like a pro today!Grab your FREE typography guide!

10. widow/orphan

Kinda harsh language, I know, but in typographic terms, widows and orphans are lines at the beginning or end of a paragraph, which are left dangling at the top or bottom of a column, separated from the rest of the paragraph.

A paragraph-ending line that falls at the beginning of the following page or column, thus separated from the rest of the text is a widow.

A paragraph-opening line that appears by itself at the bottom of a page or column, thus separated from the rest of the text is an orphan.

A common mnemonic is “An orphan is alone from the beginning; a widow is alone at the end,” or “An orphan starts alone, a widow ends alone.” Another way to think is that orphaned lines appear at the “birth” (start) of paragraphs; widowed lines appear at the “death” (end) of paragraphs.

widow and orphan control

There you have it! Now you can say ‘oui’ when someone asks you if you ‘parlez-vous type’! Did I miss any? Which ones didn’t you know? Comment below!

graphics grrrl design red_divider
graphics grrrl design red_divider
top 10 typography terms defined here! Click through to learn the essential designer lingo! ~graphics grrrl
error

enjoy this blog? please spread the word :)

YouTube
Pinterest
Instagram

GRAB YOUR CHEATSHEET!

Enter your information to have your Illustrator cheatsheet delivered directly to your inbox! You'll also receive updates from me! (Don't worry, I loathe spam and promise to keep your email address safe.)

Success! Your cheatsheet is on its way!

Don't miss out on FREE tutorials, workshops, and webinars! Reserve your spot now - there's no cost or obligation!

(Don't worry, I loathe spam and promise to keep your email address safe.)

Success! You're all set to hear about free tutorials and events!

GRAB YOUR BRAND COLOR GUIDE!

 Enter your information to have your brand color guide delivered directly to your inbox! You'll also receive updates from me!

(I loathe spam and promise to keep your email address safe.)

 

Success! Now check your email to get your FREE brand color guide!

Grab the ultimate guide to graphic file formats!

Enter your information to have the ultimate graphic file formats guide delivered directly to your inbox! You'll also receive updates from me! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE graphic formats guide!

Grab the FREE Adobe guide!

Enter your information to have the FREE Adobe software guide with sneak peeks into 8 programs, including screenshots from real projects! This 10-page guide will be delivered directly to your inbox and only every once in a while you’ll hear from me! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE Adobe software guide!

Get a FREE Instagram template!

Enter your information to have a FREE Instagram template emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE Instagram template!

GRAB YOUR CHEATSHEET!

Enter your information to have your Photoshop cheatsheet delivered directly to your inbox! You'll also receive updates from me! (Don't worry, I loathe spam and promise to keep your email address safe.)

Success! Your cheatsheet is on its way!

Illustrator shortcuts

Get a FREE Illustrator shortcuts sheet!

Enter your information to have a FREE Illustrator shortcuts sheet emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your shortcuts sheet!

GRAB YOUR CHEATSHEET!

Enter your information to have your InDesign cheatsheet delivered directly to your inbox! You'll also receive updates from me! (Don't worry, I loathe spam and promise to keep your email address safe.)

Success! Your cheatsheet is on its way!

Get a FREE Photoshop shortcuts sheet!

Enter your information to have a FREE Photoshop shortcuts sheet emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your shortcuts sheet!

Get FREE Twitter templates!

Enter your information to have FREE Twitter graphic templates emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE Twitter templates!

Grab the print & web graphics guide!

Enter your information to have the ultimate graphic file formats guide delivered directly to your inbox! You'll also receive updates from me! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE print & web graphics guide!

Grab the FREE PDF guide!

Enter your information to have the FREE Adobe Acrobat PDF guide! This 12-page guide will be delivered directly to your inbox and only every once in a while you’ll hear from me! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE PDF guide!

FREE PRINTABLE

Grab your FREE PRINTABLE template with built-in bleed and safety guides!

Enter your information to have your FREE PRINTABLE template delivered directly to your inbox! You'll also receive updates from me! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE PRINTABLE template!

GRAB YOUR BRAND CHECKLIST!

 Enter your information to have your 10-pt brand checklist delivered directly to your inbox! You'll also receive updates from me!

(I loathe spam and promise to keep your email address safe.)

 

Success! Now check your email to get your FREE brand checklist!

Get your FREE Pinterest template (with FREE graphics included!)

Enter your information to have FREE Pinterest template emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE Pinterest template!

SOUND LIKE A PRO! GRAB YOUR TYPOGRAPHY GUIDE!

 

Can you talk the talk? Becoming more familiar with the terms used by the pros will bring you that much closer to graphic guru status!

Enter your information to have your typography guide delivered directly to your inbox! You'll also receive updates from me!

Don't worry, I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE typography guide!

Download FREE Vector Art!

Enter your information to have this FREE "mom seal of approval" vector art, scalable to any size, emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE seal of approval artwork!

Download a FREE high resolution istock photo!

Enter your information to have this FREE high resolution istock photo emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE high resolution istock photo!

Download a FREE high resolution istock photo!

Enter your information to have this FREE high resolution istock photo emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE high resolution istock photo!

Download FREE Photoshop actions!

Enter your information to have FREE Photoshop cinematic actions emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE Photoshop actions!

Download FREE Photoshop actions!

Enter your information to have FREE Photoshop sepia tone, monochrome and black & white actions emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE Photoshop actions!

Download FREE Photoshop actions!

Enter your information to have FREE Photoshop color grading actions emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE Photoshop actions!

GRAB YOUR FREE INDESIGN SWIPE FILE!

Enter your information to have your InDesign swipe file delivered directly to your inbox! You'll also receive updates from me!

(I loathe spam and promise to keep your email address safe.)

 

Success! Now check your email to get your FREE InDesign swipe file!

Download a FREE design template!

Enter your information to have a FREE design template for use as a direct mail postcard, flyer or magazine layout emailed directly to your inbox! (I loathe spam and promise to keep your email address safe.)

Success! Now check your email to get your FREE layout template!

GRAB YOUR FREE INDESIGN LETTERHEAD (AND BONUS ENVELOPE) TEMPLATE!

Enter your information to have your InDesign letterhead template delivered directly to your inbox! You'll also receive updates from me!

(I loathe spam and promise to keep your email address safe.)

 

Success! Now check your email to get your FREE InDesign letterhead (and bonus envelope) template!