Typographic Style: Identifying Type Categories

• 6 minutes READ

Typography is about so much more than just picking a couple of fonts and working them into a design. A designer must understand some of the basic characteristics of type in order to effectively use fonts.

Different typefaces can create very different tones for a project. Think of some of the most well-known logos in the world and how they might be different using another typeface. How might you feel differently about the brand?

Figma to Website in One Click and No-Code

A key part of understanding typography is to start with type categories. Typefaces are divided in to several groupings of similar characteristics – Old English, serifs (multiple types), sans serifs, scripts and novelty. Each of these categories can be used for a number of different projects, but some are more universally applicable whereas others are best used sparingly.

Serifs vs. Sans Serifs

Serifs vs. Sans Serifs

No-Code Email Template Builder

With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.

Free Email BuilderFree Email Templates

Before identifying the first category of type, it is important to have a good understanding of the terms serif and sans serif. Serifs are letters that have a small (or sometimes large) horizontal stroke on the ends of letters. Sans serifs are letters created without this additional stroke.

Serifs and sans serifs are broken into different type categories. Sans serifs are rather simple to identify. Serifs are further divided into four categories – old style, modern, transitional and square or slab.

Serif fonts are most commonly used in print publishing. Sans serifs are the standard for digital design. Sans serifs tend to be preferred online because serifs and alternating thick and thin strokes can be hard to render well on screens, especially at small sizes. In digital and web applications serifs are most often used for large-sized type. Sans serifs are used from the smallest of typefaces to the largest with ease.

Old English or Black Letter

Old English or Black Letter

Wicked Palate

Wicked Palate

Chicago Tribune

Chicago Tribune

The Old English type category is the oldest and considered to be the most recognizable style. It is characterized by many elaborate and broken strokes for each letter. Old English typefaces are also called black letter or fraktur (Latin for “broken”) fonts.

The type style dates to the Middle Ages when all letterforms were created with pen and paper. This style is representative of a person’s inability to create letters without lifting a writing tool from the surface.

Low-Code Website Builders

With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes.

Try Startup App Try Slides AppOther Products

Old English typefaces can generally be difficult to use. They are best reserved for limited applications with only one or two words.

The style is very elaborate and can create a feeling of age or history and would not work well in a project that tries to create a sense of modernism or has a contemporary feel.

Old Style Serifs

Old Style Serifs

Google Ventures

Google Ventures

Hiut Denim

Hiut Denim

Old style serifs carry over some of the traditional look and feel from Old English typefaces. While the style of each serif is rather small, the letter forms tend to be quite round and have even strokes with very little or no contrast between thick and thin strokes.

Fonts in this type category are often used in print publishing. They work well in digital design when used at larger point sizes (think 18 points or higher).

Old style fonts can create a sense of credibility and feeling of formality in a design project.

Modern Serifs

Modern Serifs

Johann Lucchini

Johann Lucchini

nanozoom

nanozoom

Modern serifs are part of a standard font set used widely by the newspaper industry. The type category is characterized by distinctly contrasting thick and thin letter strokes.

Modern serifs are not commonly used in web design, aside from headers or other big words, because the thick and thin strokes can cause problems for the eye in many color combinations (both with high or low contrast).

Modern serifs are best used in projects that create a sense of authority and even newsiness, because of the type category’s long-standing association with newspaper design.

Transitional Serifs

Transitional Serifs

Impress A Penguin

Impress A Penguin

Lotta Nieminen

Lotta Nieminen

Transitional serifs are the most-commonly used serifs in digital work. Much of that can be attributed in part to the computer software industry because applications such as Microsoft Word come out of the box with Times New Roman as the default typeface, a transitional serif. This type category combines the properties of old-style and modern serifs to create typefaces that are rounded in shape and have strokes of varying widths.

Transitional serifs are quite readable and can be used in a variety of applications, but like other serifs be careful using them in small-size type for digital projects. Because of the common popularity of this typestyle, it can have an almost-vanilla feel, eliciting little exact emotion.

Square or Slab Serifs

Square or Slab Serifs

Lyudmil Shoshorov

Lyudmil Shoshorov

Life in Greenville

Life in Greenville

Square or slab serifs are the biggest, boldest and baddest of the serifs. They are characterized by thick uniform strokes and square-edged serifs.

Fonts from this category are an excellent choice for display type that creates high-impact lettering.

Sans Serifs

Sans Serifs

Everlovin’ Press

Everlovin' Press

Helvetitee

Helvetitee

Red Bowl Challenge

Red Bowl Challenge

CaptainDash

CaptainDash

Sans serif fonts are the preferred type category of the digital design industry. They are easy to read and are wide-ranging in look and feel. Moreover, all letter strokes are weighted equally, making sans serifs easy to read against a variety of contrasting (or not) backgrounds.

Sans serifs can be used at almost any size and render nicely on the screen, making them great for almost any web project. Designers, however, must choose sans serif fonts carefully because they are almost an unlimited number of options to choose from, all with wide-ranging emotional associations.

Script or Cursive

Script or Cursive

Hipstamatic

Hipstamatic

Minerva

Minerva

Script or cursive fonts are design to mirror handwriting. The difference between script and cursive is simple: Script letters are connected to each other within each word; cursive letters are not connected.

This fancy form of lettering tends to have a rather feminine feel and does not work well for small-sized typography. Use these fonts sparingly and at large sizes for the greatest effect.

Novelty

Novelty

Explanimate!

Explanimate!

Denise Chandler

Denise Chandler

Every other typeface is considered to be a novelty font because its characteristics do not fit into one of the categories described above. Novelty fonts can be fun and interesting to look at. They tend to create a definitive mood based on the look of characters in the type set.

Novelty fonts are best used for only a few words and for a certain, very well-defined purpose. Avoid using novelty typefaces for large blocks of type and make sure the mood of the letters corresponds to the feel your site is trying to create. Novelty fonts can be considered as much an art form as typography.

Carrie Cousins

Carrie Cousins has more than 20 years of experience in online media, web design, and content marketing. She has worked with a diverse range of clients, from small businesses to large corporations, helping them create engaging and effective digital strategies that drive results. Now, she serves as the Director of Digital Marketing and has been featured on Blue Ridge PBS (Roanoke) and VPM's Buzz4Good (Richmond), where she helps nonprofits get more from their design and marketing efforts.

Posts by Carrie Cousins