ttcommonspro
Type foundryBlogFonts in design: types, categories, characteristics and styles 

Fonts in design: types, categories, characteristics and styles 

Fonts in design: types, categories, characteristics and styles 

A harmoniously selected font not only conveys information to the audience, but also visually complements the project. A mistake in choosing a font can spoil the impression and alienate the viewer from the product, whether it be a poster, a sign for a store or cafe, product packaging, a website or an app.

The ability to intuitively choose fonts for projects is a dream for beginners and an ordinary task for professional designers. To get from the first category to the second, you need years of training and study of typography, lots of observation and theoretical knowledge about fonts.

Fonts in design: types, categories, characteristics and styles 

Modern typography provides the designer with thousands of typefaces to choose from. We tell you how to navigate in the first stages in order to find a suitable font.

Basic typographic concepts

Apertures, serifs, faces, stems, arches, inflows — the terms used in typography can make your head spin. It is especially dangerous to dive into terminology for those who are just starting to get acquainted with fonts.

Take a breath: many of the words used by type designers can be bypassed in the early stages of design. However, some of the terms are useful to know: this way, it will be easier to understand what criteria to look at when choosing a font.

We have compiled a mini-dictionary of typography terms.

  • A font family is a set of different fonts in the same typeface. A font family can include fonts that differ by purpose, weight, and even style.
Fonts in design: types, categories, characteristics and styles 
  • A face is the font in a single weight. A typeface can have either 3 or 9 weights, from the thinnest to the boldest. Common faces: Thin, Regular, DemiBold, Bold.
Fonts in design: types, categories, characteristics and styles 
  • Serifs are short perpendicular strokes at the ends of the basic elements of a character. 
Fonts in design: types, categories, characteristics and styles 
  • Type size — this is the height of the font characters, that is, the vertical size.
Fonts in design: types, categories, characteristics and styles 

What fonts there are (classification)

There is no single type classification that all designers use.

Fonts can be divided according to the historical eras in which they appeared, their visual form, and purpose. Let’s have a closer look at the types of fonts the knowledge of which will definitely come in handy in modern typography.

Classified according to their purpose, fonts can be display and text.

Display fonts are sometimes called heading fonts, as they are used to design headings or highlight catchy inscriptions. These are expressive fonts that catch the eye of the viewer.

Fonts in design: types, categories, characteristics and styles 

Text fonts are fonts for typing, they may also be called typesetting fonts. These are fonts with a calmer character, with high readability even in small sizes. A good text font does not distract from reading, looks solid and pleasant.

Fonts in design: types, categories, characteristics and styles 

There are many font styles, and we will look at the most common ones: sans serifs, serifs, and slab fonts.

Sans serifs are the group of fonts without serifs. These are universal fonts, functional and usually calm.

Fonts in design: types, categories, characteristics and styles 

Serifs are the group of fonts with serifs. These are fonts of a classic, elegant, or traditional nature.

Fonts in design: types, categories, characteristics and styles 

Slab fonts are fonts with large brutal serifs.

Fonts in design: types, categories, characteristics and styles 

Many fonts do not fit any specific group and are at the intersection of styles.

Font properties

Not everything is defined by the font’s purpose or style. Each font has its particular character.

The character of a font is what sets it apart among the others. This could be its visual peculiarities, proportions, or noticeable graphics.

TypeType Studio, for example, uses simple descriptions to help designers choose the right scope for a font. A font can be neutral in character, then its scope of application will be quite broad, or it can have an expressive character: brutal, technological, elegant.

Fonts in design: types, categories, characteristics and styles 

There are also other characteristics, in which fonts can differ: in width, stroke or letter contrast, or saturation.

Fonts in design: types, categories, characteristics and styles 
Wide font TT Norms® Pro Expanded juxtaposed with TT Norms® Pro
Fonts in design: types, categories, characteristics and styles 

Contrast is the difference in thickness of thin and thick strokes in characters. TT Marxiana is a high contrast font
Fonts in design: types, categories, characteristics and styles 
The Regular face is less saturated than the Black face. TT Barrels as an example

Font styles

Each font family or subfamily consists of a certain number of styles. Depending on the style and type of font, this value may be different.

As we wrote earlier, a style is a single-weight font. Usually styles are differentiated by slope and thickness. A single font can include both upright and italic styles.

Fonts in design: types, categories, characteristics and styles 

Upright styles are the main ones. Such fonts are used more often, so almost all typefaces have them.

Fonts in design: types, categories, characteristics and styles 

Slanted, or italic, styles are fonts in which characters are placed at an angle relative to upright styles. These fonts can be used to highlight text, or to style headings and quotes. Typically, italics are created to match upright styles.

Fonts in design: types, categories, characteristics and styles 

Some fonts may only have upright faces, such as some decorative fonts with an expressive character. There are also fonts in which there are only italic styles. Handwritten fonts are a prime example, as handwriting that such typefaces imitate often implies slanted characters.

As a rule, fonts have the same set of upright and italic styles, that is, the boldness of italic styles corresponds to the boldness of upright styles.

The boldness of a font may vary.

The following groups of styles can be distinguished:

  • thin: Thin, ExtraLight, Light;
  • normal: Regular, Normal, Medium;
  • demi-bold and bold: DemiBold, Bold, ExtraBold, Black, ExtraBlack.
Fonts in design: types, categories, characteristics and styles 

The choice of style depends on the task and scope. For printing large materials, especially posters, bold fonts can be used as they look better in large size. The choice of a font for a logo depends on the corporate identity of the company, but for typing a text array on a website or in periodicals, standard styles are often chosen, for example, Regular or Normal.

How to tell if a font is good

A good font is a typeface that suits the project in terms of character, associations, and visual character. Any font can be suitable if used correctly.

Fonts in design: types, categories, characteristics and styles 

There are no bad fonts, only low quality ones. It is difficult to work with such fonts since the set in such a font will look inharmonious, the letters may run into each other or, conversely, be too far away. It is impossible to work with such fonts, so before purchasing a font, check its quality. This can be done by downloading the free version — many studios provide this opportunity.

How to choose fonts

It is difficult to give a universal guide to choosing a typeface because designers spend years learning how to choose the right font without spending weeks.

However, there are guidelines to help you choose the right one.

1. Carefully study the nature of the font comparing it to the positioning of the project. For example, if a font is described as «soft, flowing, and airy,» it might be a better choice for companies with the same positioning, such as a brand of clothing made from natural fabrics. Such a font is hardly suitable for an IT brand, it is better to choose something technological, and for a bank or a medical company, look for a more classic, traditional font with a calm character.

Fonts in design: types, categories, characteristics and styles 

2. Test! For example, TypeType Studio provides trial, that is, free, versions of the fonts so that the designer can try out the font for their project and decide whether to buy a license. Check with the company that made the font you like about this option — many large studios provide free test versions to their customers.

Fonts in design: types, categories, characteristics and styles 

How to choose the font size

The font should fulfill its purpose, that is, it should be readable in the case of a text array, and attract attention in the case of headings.

Fonts in design: types, categories, characteristics and styles 

In practice, it is better to test several sizes in order to choose the most convenient one. It all depends on where the font is used: on the web or in printed products, in posters or in an app, in a book or on a store sign.

Font combinations (font pairs)

For each project, it is best to use no more than two fonts — this is an unspoken rule of typography. Of course, there may be exceptions, but it is better to use font pairs in the design.

A font pair is two fonts that pair flawlessly with each other. They can look great because of the similarity of character, or, conversely, be appealing because of the visual contrast.

Fonts in design: types, categories, characteristics and styles 
The combination of the elegant serif TT Livret Display and the neutral sans serif TT Commons Pro looks attractive and harmonious
Fonts in design: types, categories, characteristics and styles 
Universal sans serif TT Norms® Pro and the serif TT Norms® Pro Serif are a specifically designed font pair within one font family. A perfect font duo!

Overview of popular fonts. Where to get fonts from (free, commercial)?

New fonts are released every month, and the ratings of popular fonts are regularly updated. Free fonts can be found on GoogleFonts, and a large collection of fonts is presented on the MyFonts site, where ratings of the most popular typefaces are also published. You can purchase fonts directly from studios whose typefaces attract your attention. For example, the TypeType font collection is regularly updated, and those who purchase fonts directly receive personal discounts: https://typetype.org/fonts/

Fonts in design: types, categories, characteristics and styles 

Font and text editing software

Almost all modern graphic, text, and video editors support fonts.

Fonts in design: types, categories, characteristics and styles 

Useful links: What to read about typography?

You can learn about font classifications on the website or in the book Letter Fountain, Taschen.

To find out how typefaces are created and the logic behind the formation of typefaces of different styles, read Gerrit Noordzij’s book The Stroke: Theory of Writing. This is a classic edition that will be useful not only for type designers, but also for those who want to better understand typography.

Conclusion

Typography may seem complicated, but only from a distance. The more you immerse yourself in the study of fonts, the better you will understand how and which fonts are best suited for your projects.

Start the path of acquaintance with fonts gradually, constantly replenishing knowledge and applying it in practice.

Latest publications

Best Cursive Fonts in 2024: A Comprehensive Design Guide

Best Cursive Fonts in 2024: A Comprehensive Design Guide

In this comprehensive guide, we’ll dive into the world of cursive fonts. You’ll learn what defines a cursive font, how it differs from traditional italic styles, and discover the most strategic ways to incorporate these unique typefaces into your design work. We’ve also curated a list of top cursive fonts from the TypeType’s collection to inspire your next creative project. 

See more
How to Choose the Best Infographic Fonts: Сomprehensive Guide

How to Choose the Best Infographic Fonts: Сomprehensive Guide

Infographics is a versatile and convenient tool that finds application everywhere: business, advertising, science, journalism, and more. This is a powerful way to communicate information in a simple, visual manner. Why is it so essential to choose the right font for your infographic, and how to do this? How do you pair fonts with each other? What fonts work best for marketplace infographics? Read on to find out!

See more
On Opposite Sides: Wide and Narrow Fonts

On Opposite Sides: Wide and Narrow Fonts

Wide and narrow fonts are among the newest trends in typography, graphic design, and web design. At first glance, some may seem odd and awkward, but when thoughtfully applied, they can infuse a project with freshness, boldness, relevance, and strength. What are narrow and wide fonts, what variations do they come in, and where are they used? Let’s explore this together in this article.

See more
How do you add a font to your computer? 

How do you add a font to your computer? 

How to install a new font on a PC? Users and designers face this question very often. Rest assured, there is nothing tricky in this process! This article provides a step-by-step guide to help you understand how to install downloaded fonts correctly on Windows and iOS-powered computers.

See more
Font Licensing: Complete Guide for Designers and Business Clients

Font Licensing: Complete Guide for Designers and Business Clients

In this article, you will find out what types of font licensing exist, how to choose a suitable font license and use it, how to verify and buy a commercial font license, and how to avoid unpleasant typeface licensing issues whether you are a designer or a client.

See more
Kerning, Tracking, Leading & Spacing in Typography: What’s the Difference?

Kerning, Tracking, Leading & Spacing in Typography: What’s the Difference?

Even seasoned designers sometimes mix up the concepts of kerning, tracking, spacing, and leading. Become a pro at distinguishing them! Learn the definitions of these concepts, explore their differences, and discover some helpful tips on how to use them while working on your fonts.

See more
Branching out: How Scandinavian Sans TT Firs Grew and Found Its Font Pair

Branching out: How Scandinavian Sans TT Firs Grew and Found Its Font Pair

In 2023, we breathed new life into the beloved Scandinavian sans serif TT Firs Neue by dramatically refining and renewing the typeface to comply with cutting-edge standards. Soon after, we introduced the text font pair for this typeface – an elegant TT Firs Text. This article is dedicated to how it all began, why we decided to update TT Firs Neue, what we added and modified, and how TT Firs Text was born.

See more
Top 10 Typography Trends of 2024

Top 10 Typography Trends of 2024

We live in a time when trends shift nearly every day, and typography design trends are no exception. We all encounter typography daily: on the web, in supermarkets, and on shop windows and signs. Outdated design, at the very least, induces boredom; at worst, it fosters distrust in the product or service. However, trendy design looks captivating and attractive.Experts and designers from the TypeType font studio are excited to share the key type trends of 2024 with you in this article. Stay trendy!

See more
15+ Best Magazine Fonts for Perfect Editorial Designs

15+ Best Magazine Fonts for Perfect Editorial Designs

Magazines are a perfect backdrop for typography to express all its dimensions. Fonts, in this case, not only communicate information but also directly influence the design. They deliver the magazine’s message, reflecting its values and ideas. In this article, we discuss how to choose the best magazine font and compile a list of 15 relevant options for editorial designs on various themes.

See more

See more

Serif vs Sans serif: Font differences

Serif vs Sans serif: Font differences

Go to the websites of your three favorite brands and try to analyze what emotions they evoke. Whether it’s clothing or shoes, cars or electronics, cosmetics or accessories, every company has a secret: they want to be part of your life.

See more
Grow and divide: Creating a font for the G8 festival

Grow and divide: Creating a font for the G8 festival

Creative industries festival G8 has presented its 2022 visual identity. The associations that immediately come to mind are the unity of nature and people, cell division, and organics.
The «grow and divide» principle was guiding the creation of the corporate visual identity created by a large team. The font design studio TypeType is one of the participants in the creative process of making the font and logo.

See more
Expansion of the TT Hoves Pro family

Expansion of the TT Hoves Pro family

TT Hoves is the youngest font in the collection of universal geometric sans serifs. It forms a functional trio with TT Norms® and TT Commons™, yet has its own recognizable character.
The TT Hoves font has managed to win the sympathy of designers from all over the world. The font family has been among the studio’s bestsellers since its release on marketplaces, and yet it’s time to update the typeface!

See more
Creation of a modern serif TT Livret

Creation of a modern serif TT Livret

It sometimes happens that on paper, a new font seems to be a relatively simple and quick task, but as a result of the work, it turns into one of the largest projects of recent years. Today’s story is about just such a font.

See more
Creation of TT Commons™: From the foundry’s corporate typeface to a bestseller

Creation of TT Commons™: From the foundry’s corporate typeface to a bestseller

The TT Commons™ Pro font family needs no introduction as it has been TypeType’s best-seller for many years now. These are not just words — since 2018, the font family has been a bestseller for 93% of the time it has been on the sites.
TT Commons has a fascinating history, because it was created in 2016, and back then it was not supposed to be released as a commercial font at all.

See more
TT Norms® Pro: a 7-year history of the font family

TT Norms® Pro: a 7-year history of the font family

TT Norms® Pro is one of the most sought-after typefaces in the TypeType collection. More than three reissues in 7 years, first lines in MyFonts ratings, dozens of customizations and reviews.
It’s hard to put into words what a valuable experience this font has been for everyone at the foundry, but we will try to tell its full story, with all its dead ends and mistakes, with the first victories and a massive redrawing process.

See more
Change faces while maintaining the layout—revealing the secrets of creating the uniwidth font TT Fellows

Change faces while maintaining the layout—revealing the secrets of creating the uniwidth font TT Fellows

In January 2022, a new TypeType font TT Fellows was released on sales platforms. Almost immediately, it attracted the attention of designers from all over the world, which is not surprising, because this versatile, concise, and functional typeface is suitable for most modern projects.

See more
Felliniana: Font Mastering for the Venice Film Festival

Felliniana: Font Mastering for the Venice Film Festival

A font is a work of art. Many designers think so, but we will talk not about the industry as a whole but about a specific font which is of interest for art lovers. It has all that is necessary: a beautiful creation story, aesthetics, and line flow. The Italian font designer Antonio Pace created the font for the Capelli Identity Design studio, and TypeType transformed their creation into a functional work instrument.

See more
OT L22: Mastering a Font for the Legendary Typewriter’s 70th Anniversary

OT L22: Mastering a Font for the Legendary Typewriter’s 70th Anniversary

Technical work on a new typeface by third-party designers always arouses professional curiosity. Especially when it comes to working with fonts for brands with a world-famous history.
Olivetti is an Italian company whose name inspired admiration and respect in the 20th century, especially among journalists and writers.

See more