Designer Lingo 101: Typography

While most of design might feel like a big hairy beast, typography is something we're all probably familiar with. We get to choose our fonts on a daily basis as we set up email signatures, write documents, and put together invitations for birthdays, weddings, and anniversaries.

You may already be familiar with a lot of these terms, but just don't know exactly what they mean. Or, you've been noticing these concepts in action but haven't known a word to describe it. Here's hoping your type-talk becomes even more productive!


SERIF

These fonts have little feet on each letter. Since the very first typefaces were created with serifs, these fonts tend to attribute a sense of tradition, formality, or maturity to a design.

Serif.png

sans serif

These fonts don't have little feet on each letter! This type that you're reading right now is set in a sans-serif font. Sans-serif fonts caused major hubbub in the design world when they were first introduced. They can lend a design a look that's cleaner, more modern, and simpler. They are usually easier to read on web and mobile interfaces.

Sans Serif.png

kerning

The measure and the process of manipulating the space between two individual letters. 

Kerning.png

letter-spacing

The overall measure of spacing between all letters in a line or body of text. Letter-spacing is most often seen in online text formatting, whereas print design programs will use the term "tracking."

Letter Spacing.png

leading

The spacing between two lines of text.

x-height

The height of the lowercase X in a font. Fonts with a taller x-height are usually easier to read and appear larger overall.

ascender

The part of a letter that extends above the x-height.

descender

The part of a letter that extends below the baseline.

glyph

These are characters or symbols that make up a typeset. Glyphs can be anything from letters to numbers to symbols. A single letter might have multiple glyphs to choose from in a font.

swash

Swashes are seen most in script fonts. They're ornamental flourishes coming off a letter. Letters with multiple glyph options are usually made because they have different swashes as well.

glyph swash.png

Coming up next week: Designer Lingo 101 - Color