Advertisements

20 Essential Typography Terms for Non-Designers

Typography is one of the most essential aspects of design. It’s single-handedly responsible for getting the message of a design across clearly and understandably. The specific fonts a designer chooses for a project can impact readability, legibility, the aesthetics, and the overall effectiveness of the design’s impact.

In short, typography can construct or crash a design.

While designers are well-versed when it comes to typeface terminology, beginners can find it a bit overwhelming to construct sense of everything typography-related. Looking at fonts and appreciating their aesthetic qualities is all well and suited, but truly understanding the basics of what goes into the science of typography can rob that appreciation to another level entirely.

In the spirit of making design more accessible to everyone and explaining some of that highfalutin design terminology, let’s watch at 20 of the most essential typography terms for non-designers.

Typography

Let’s start with the most obvious term: typography itself. For many non-designers, font and typography are probably interchanged with suited frequency in everyday usage, but there’s a noteworthy dissimilarity.

Typography is the art and/or technique behind arranging type, where type means the letters and characters that you see in printed material (whether that’s offline or online). A font would be something like Times fresh Roman.

Pin It

Typography, therefore, is way more than just how letters and characters are designed: it’s about the science behind laying out said letters and characters, which affects readability and legibility. Without effective typography, design fails to communicate its central message.

Font

I touched on this briefly above, so it’s worth exploring in greater detail in its own subheading. When you believe of fonts, you believe of Times fresh Roman, Zurich Calligraphic and Verdana, just to name a few.

A font is group of characters that you can print or display in a certain size and style. These characters include letters, numbers, punctuation and additional symbols. A font has various characteristics such as:

  • Font style: the indication of the spacing between the characters in a font, whether italic, oblique, etc.
  • Font weight: the thickness of the characters’ strokes within a font
  • Font size: the number of points or pixels (digitally) of a font, representing its height

These characteristics vary and give various fonts their unique appearances and styles.

Pin It

For inspiration, check out some of the many unique fonts available in our marketplace: 

Font Family

You may believe heard of the related term “font family”: this is the set of fonts that believe the same basic qualities in their design, yet their sizes, styles, and weights can vary.

An example of just one font family is Lucida. This font family features Lucida Grande, Lucida colorful, Lucida Casual, and many more, including both sans-serif and serif fonts. In Lucida, all the fonts will vary based on their specific style, size or weight, but their essentially similar design is what ties them all to each other—hence, a font family.

Pin It

Other font families include Arial (Arial Black, Arial Greek, Arial Monospaced, etc.), Helvetica (Helvetica Light, Helvetica Narrow, Helvetica Rounded, etc.), and Georgia (Georgia Bold, Georgia Italic, Georgia Regular, etc.).

Fun typography fact: another word for font family is typeface.

Stroke

The stroke is simply one of the lines that comprise any given letter. It can be straight or curved; if the former, it will be horizontal, vertical or diagonal; if the latter, it will be closed or open.

For example, in the lowercase “k,” there are three strokes, both vertical and diagonal.

Pin It

On the other hand, in the lowercase “c,” the stroke is obviously curved.

Strokes are also enchanting in that they can believe different widths. For instance, if a stroke in a letter is thinner on the top and bottom versus the sides, it’s said to believe a vertical stress.

Of course, the namesake for this term comes from the strokes that people had to manually apply when putting pen to paper—long before the days of digital typefaces.

Stem

The stem is a type of stroke, the basic unit of the parts of a character.

The stem is usually the main and vertical stroke in a letter.

For example, in the lowercase “m,” there are three stems — all of which are running vertically.

Pin It

In the capital “L,” the stem here is the long, vertical stroke that forms most of this letter.

Since the stroke and stem are so closely related, it’s easy to come by them confused if you’re not paying close attention!

Serif

You’ve no doubt reach across this word before, ubiquitous every time you read about type. What does it mean?

Serif is a reference to the tiny feet or lines connected to the ends of strokes in letters or symbols. The very words you’re reading real now in this blog are all serif fonts. watch closely to identify the cramped feet or lines at the ends of the strokes of the letters in this sentence.

A font with these cramped feet or lines is called a serif font. Here are some examples of serif fonts from our marketplace: 

Sans Serif

Sans serif is like the yang to the yin of serif. Balancing things out, sans serif is the very opposite of serif. The word “sans” is French for “without,” so sans serif is a font without the aforementioned tiny feet or lines at the ends of the strokes in its letters or symbols.

In this way, a sans serif is less ornamental, more straightforward, and simpler than a serif font.

Check out these sans serif fonts from our marketplace: 

Slab Serifs

While we’re on the topic of serifs, we should also cover slab serifs. These are fonts that believe very thick serifs at the ends of each letter’s strokes. These typefaces were very celebrated back in the 19th century, when they were also invented.

Historically, these were utilized mainly in typewriters. The slab serif legacy is alive today with lots of monospaced text fonts meant for computers still using slab serifs.

We believe a nice selection of slab serifs in our marketplace: 

Script Typeface

Script font families are unique in that they resemble handwriting. You know you’re looking at script when you see fonts with the fluid strokes of cursive.

More common in trade or display printing, scripts today are scalable, which means the letters in scripts are automatically strung together when they’re used for digital printing. Not only does this effectively copy handwriting, but it’s more convenient for users than having to manually select which characters follow each other in words.

In general, scripts descend into two categories:

  • Casual scripts – These resemble ordinary handwriting of an informal nature
  • Formal scripts – These watch like the handwriting straight out of 16th and 17th centuries, with more ornate designs that are perfect for fancy invitations and announcements.

believe a watch at some of our marketplace’s comely script typefaces: 

Blackletter

Blackletter is a script that was very celebrated in Western Europe from the 12th to the 17th centuries. Also known by other names like Gothic Script, Textura, and Gothic Miniscule, Blackletter is characterized by varying thin and thick strokes, as well as the ornate swirls evident on its serifs.

Because of this script’s focus on being elaborate, readability and legibility rob a hit. As a result, it is very uncommon for it to be used in body copy. watch for Blackletter mostly in headlines, subheadings, posters, logos, and other places that need to grab people’s attention quickly.

Some of the most noted Blackletter fonts are Germanica and Cloister Black.

Here are some outstanding Blacketter scripts from our marketplace: 

Cap Height

Pretty straightforward, the cap height of a character is the height of a capital letter from the baseline all the way to the top of the cap. This is most reliably measured when a character possesses a flat baseline. Examples are E, L and I, just to name a few.

Pin It

On the other hand, characters with curved bottoms—like O, C, etc.—construct it a bit more difficult to accurately measure their cap heights.

X-height

The x-height is your basic height of a lowercase letter, most specifically when referring to the actual letter “x.”

The x-height excludes ascenders and descenders, which are, respectively, the parts of lowercase letters that extend over the x-height and those parts that descend beneath their baselines.

Pin It

For ascenders, compare the lowercase “x” to any other lowercase letter; for descenders, simply analyze how much of a letter dips below the baseline.

Point

This is utilized to measure the size of a font. As a rule, one point equals just 1/72 of an inch.

If a letter is referred to as, for example, 24-point, this means that the whole height of the text block is being indicated, not solely the character on its own.

Pin It

As a result, two font families in the same point size might watch different in size, depending on how the letter is positioned in the text block.

Here’s a powerful reference to aid you construct sense out of point size.

Bowl

The bowl is the curved portion of a letter that encloses either the curved or circular portions of certain letters.

Another way of looking at the bowl is that it’s just a curved stroke that just happens to establish an enclosed space inside of a letter. This enclosed space is the called the counter.

Applying this definition, let’s watch at an example.

Pin It

In the uppercase “B,” there are two bowls: the curved strokes that create the rounded or curved loops of the letter. The two spaces created by these bowls in the letter are then, naturally, the counters.

Spine

The spine is perhaps the most unique typography term in that it’s reserved for only one character alone: the letter “s.” It’s the curved, main stroke of the letter—essentially that entire, squiggly curve.

Pin It

The “s” alone gets this term since the spine can be mainly horizontal or nearly vertical, depending on the specific font that you select. Furthermore, isn’t it apparent what share of the human body this share of the letter resembles? Thanks to its dead-ringer resemblance to the human spine, it was a no-brainer to apply this nomenclature to this typography term as well.

Kerning

Kerning is the procedure of altering the spaces in between the letters in a font, but only among specific and individual letters. In other words, kerning allows for varying degrees of spaces between different letters in the same word, as long as the terminate result is visually attractive.

Again, depending on the typeface that’s used, it’s necessary to sometimes adjust the spaces between different letters inconsistently, if the typographer wants to create an aesthetic, final appearance.

Pin It

rob, for example, the word “VAGRANT.” When it’s all in uppercase like this, the “V” and the “A” believe to be manually adjusted to bring them closer to each other for a more pleasing, readable result. Without kerning in this example, the “V” and “A” would be too far apart and watch awkward in the same word.

Kerning can sometimes be confused with tracking, but more on that shortly.

Tracking

Tracking is the typographer’s term for simple letter spacing. The crucial dissimilarity between it and kerning is that tracking makes uniform adjustments consistently among all the spaces in the same word, whereas kerning only makes adjustments to the spaces between words on a case-by-case basis.

Pin It

This might seem almost like a distinction without a real dissimilarity, but to typographers who must ensure readability and aesthetic appearance in type, even subtle differences like these can construct a huge impact on the overall legibility of the words.

believe of it this way: if you’re looking at a particular font with tight letter spacing, it may be too tight to be of any consume to read properly. That’s why tracking is so helpful and necessary.

Leading

Another essential term in typography, leading relates to the spacing in between any successive lines of type. Originally used in the olden days of typesetting by hand, this term has survived today even in digital printing, with such programs as Adobe InDesign and QuarkXPress both utilizing it.

Pin It

Also known as line spacing, leading is most prevalent when you believe to either single or double-space your work. Leading refers to the distance between the baselines of type, baselines being the actual lines on which the characters rest.

Depending on the leading used in lines of type—which is in turn affected by the specific typeface used—print can become more or less readable and therefore legible. The greater the leading is, the more distance between the baselines; the less leading, the narrower the lines of type will be.

Terminal

Earlier, I talked about the serif, which is the cramped attachment that’s found in one of the main font styles common across all sorts of font families.

Pin It

The serif can also be looked at as a way of terminating a stroke of a letter. The terminal, on the other hand, occurs when a letter terminates in a stroke, but without the presence of a serif. Essentially, a terminal is, then, just the terminate of a stroke without the presence of the serif or those cramped feet or attachments at the ends of some fonts.

The lowercase “t” is the perfect example of such a case: Note how the stroke terminates at the bottom of the “t” without a serif. It just ends in a small curve, which is the terminal.

Ascender/Descender

The ascender and descender are two closely related terms.

The ascender is the portion of the lowercase letter that extends above its x-height while the descender is the portion that goes beneath its baseline. You can believe of the ascender as the portion of a letter that’s taller than the x-height. It’s helpful to believe of the descender as the lowest or longest point of a lowercase letter.

Pin It

suited examples of ascenders are found in lowercase “h,” “k” and “t”; suited examples of descenders are found in “p,” “q” and “y.”

Understand Typography Better Than Ever

If these terms are fresh to you, they’re probably a cramped bit daunting. Typography anatomy has a plethora of terms—as you just read—that might even be a mouthful for some designers.

Ascenders turn into descenders, and who’s to know the dissimilarity between a serif and a mere terminal?

As a non-designer, the logos, ad campaigns, and illustrations you encounter every day may seem somewhat alien to you. “Who came up with that design?” or “Why is this so hard to read?” may be common questions you inquire of.

But if you can remember only 20 typography terms in your lifetime, construct it these 20 terms. They’ll open up a fresh world of design and communication know-how to you, increasing your ability to interact with the world all around you. And when you come by to that point when you can disappear a cramped bit beyond merely seeing a design or piece of messaging for its face value—and actually understand the various components that are a share of it—that’s a comely thing.


Products Seen In This Post:

Designing your own brand?


Download now!

img

Download now!

Free Beginner’s Guide to Branding

A fun, friendly, FREE guide to build a stellar brand identity.

Download 20 Essential Typography Terms for Non-Designers

Advertisements

20 Essential Typography Terms for Non-Designers ratings

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)