Typographic Style: Identifying Type Categories (2024)

DesignCarrie CousinsOctober 09, 2012 • 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.

Table of Contents hide

Serifs vs. Sans Serifs

Old English or Black Letter

Wicked Palate

Chicago Tribune

Old Style Serifs

Google Ventures

Hiut Denim

Transitional Serifs

Impress A Penguin

Lotta Nieminen

Square or Slab Serifs

Lyudmil Shoshorov

Life in Greenville

Sans Serifs

Everlovin’ Press

Helvetitee

Red Bowl Challenge

CaptainDash

Script or Cursive

Hipstamatic

Minerva

Serifs vs. Sans Serifs

Typographic Style: Identifying Type Categories (1)

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

Typographic Style: Identifying Type Categories (2)

Wicked Palate

Typographic Style: Identifying Type Categories (3)

Chicago Tribune

Typographic Style: Identifying Type Categories (4)

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

Typographic Style: Identifying Type Categories (5)

Google Ventures

Typographic Style: Identifying Type Categories (6)

Hiut Denim

Typographic Style: Identifying Type Categories (7)

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

Typographic Style: Identifying Type Categories (8)

Johann Lucchini

Typographic Style: Identifying Type Categories (9)

nanozoom

Typographic Style: Identifying Type Categories (10)

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

Typographic Style: Identifying Type Categories (11)

Impress A Penguin

Typographic Style: Identifying Type Categories (12)

Lotta Nieminen

Typographic Style: Identifying Type Categories (13)

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

Typographic Style: Identifying Type Categories (14)

Lyudmil Shoshorov

Typographic Style: Identifying Type Categories (15)

Life in Greenville

Typographic Style: Identifying Type Categories (16)

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

Typographic Style: Identifying Type Categories (17)

Everlovin’ Press

Typographic Style: Identifying Type Categories (18)

Helvetitee

Typographic Style: Identifying Type Categories (19)

Red Bowl Challenge

Typographic Style: Identifying Type Categories (20)

CaptainDash

Typographic Style: Identifying Type Categories (21)

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

Typographic Style: Identifying Type Categories (22)

Hipstamatic

Typographic Style: Identifying Type Categories (23)

Minerva

Typographic Style: Identifying Type Categories (24)

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

Typographic Style: Identifying Type Categories (25)

Explanimate!

Typographic Style: Identifying Type Categories (26)

Denise Chandler

Typographic Style: Identifying Type Categories (27)

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.

Like what you're reading? Subscribe to our top stories.
Typographic Style: Identifying Type Categories (2024)
Top Articles
Latest Posts
Article information

Author: Madonna Wisozk

Last Updated:

Views: 6400

Rating: 4.8 / 5 (68 voted)

Reviews: 91% of readers found this page helpful

Author information

Name: Madonna Wisozk

Birthday: 2001-02-23

Address: 656 Gerhold Summit, Sidneyberg, FL 78179-2512

Phone: +6742282696652

Job: Customer Banking Liaison

Hobby: Flower arranging, Yo-yoing, Tai chi, Rowing, Macrame, Urban exploration, Knife making

Introduction: My name is Madonna Wisozk, I am a attractive, healthy, thoughtful, faithful, open, vivacious, zany person who loves writing and wants to share my knowledge and understanding with you.