ttgertika
Type foundryBlogFont and Typeface: What's the difference?

Font and Typeface: What’s the difference?

Font vs Typeface: What's the difference?

Introduction 

The words “font” and “typeface” are often considered synonyms. This happens not only due to lack of understanding—even among professionals, the term “font” is used to substitute both “typeface” and “font style.” The absence of commonly accepted terminology worsens the situation because all font designers rely on different interpretations.

In this article, we will describe the distinctions between fonts and typefaces and discuss the importance of distinguishing between them.

Font vs typeface: Going deeper into terminology

Font is a set of characters, encompassing letters, numbers, punctuation, and diverse symbols utilized for setting the text.

According to this broad definition, the meaning of the term “font” can be understood as both:

  1. A collection of symbols or typographical letters (made of metal or digital) needed for typesetting;
  2. A character set with a shared stylistic identity and design.
Font and typeface: terminology

The term “typeface” found its place in typography in the early 1900s when the first “extended” font families emerged, designed by Morris Fuller Benton for the American Type Founders (ATF) studio. These font families included fonts with varying styles (widths and weights) yet united by a shared aesthetic.

Font vs typeface

In modern typefaces, fonts can even vary in aesthetics, bound by artistic vision alone.

What is a font?

So, a font is what we can find inside a typeface or a type family. However, in typography, the word “font” is often used to signify both a typeface itself and an individual font style. A font style is a font’s particular weight and slope degree. 

For example, when we say that TT Norms® Pro is a font with the most extensive language support among other fonts in the TypeType collection, we are actually talking about the TT Norms® Pro typeface. And if we suggest using the font TT Livret Text Regular as the most optimal choice for typing sizeable text blocks, we are referring to the specific font style. 

Consequently, it’s possible to understand the meaning depending on the context. Yet, to make sense of the difference between fonts and typefaces, we recommend leaning on the following definition:

A font is a full set of symbols and glyphs united by style and used for text typing. Meaning it’s the file itself, a font carrier.

Font and Typeface: What’s the difference?

What kinds of fonts (font styles) exist?

Regarding font classification, the subject in most cases is typefaces. That’s why we will define the term “typeface” and cover the classifications later in the article. For now, let’s start small and unravel the different kinds of font styles. 

A font style is a font’s particular weight. In their turn, they can vary in slope degree. 

One font may include roman and italic (slanted) font styles.

The varying font weights can be subdivided into three categories: thin, regular, and bold. The most popular and frequently used font styles are Thin, Regular, DemiBold, and Bold. Different studios can extend the font style set as they see it. For instance, it’s quite common to come across fonts featuring the Hairline font style.

What kinds of fonts (font styles) exist?

Fonts with various font styles are grouped into type families (typefaces). Let’s delve into what they are. 

What is a typeface/type family?

To begin with, we should distinguish between the terms “type family” and “typeface”, although they have similar meanings. 

A type family (or a font family) is a system comprising variations of the primary design (font styles). They are united by the name and idea. At the same time, fonts inside one type family may differ in purpose, personality, and style.

What is a typeface/type family?

The term “typeface” can also refer to both an entire type family and only a part of it—this term is used as a synonym for “type family.” 

However, this term has another definition as well. According to the Google Fonts dictionary, typeface is the core visual design and idea that can be implemented through various typesetting technologies, and font is one of these implementations. In other words, a typeface is what you see, and a font is what you use.

In this sense, let’s reiterate that when we talk about font classification, we specifically refer to typefaces. Let’s find out more about them.

What types of typefaces are there?

There is no standard classification of fonts or typefaces. At this point, we won’t dive deeper into this topic. Instead, we will cover the basics so you can better understand the difference between fonts and typefaces. If you want to learn more about type classifications, we recommend reading our article about them.

The most common typeface styles are sans serifs (grotesques), serifs (antiquas), slab serifs, and script typefaces.

What types of typefaces are there?
  • Sans serifs (grotesques) are a group of typefaces that don’t have serifs. They are characterized by low contrast or no contrast at all. A great example of a geometric sans serif would be TT Commons Pro.
  • Serifs (antiquas) are a group of typefaces with serifs. Typically, they exhibit high contrast. For instance, TT Ramillas is a Transitional Antiqua.
  • Slab serifs are marked by heavy rectangular serifs. An example of such a font is our TT Rationalist

All the above-mentioned examples from the TypeType collection are typefaces that consist of various fonts.

  • Script fonts imitate handwriting. They can also form typefaces, but we intentionally separate them from the rest of the list to make a clear distinction between fonts and typefaces one more time. So, the TypeType collection has a script font called TT Lovelies Script. It qualifies as a font specifically because its entire contents are a single font style.

Font vs typeface: What is their difference in practice, and why is it important for designers to distinguish them?

It’s essential for both designers and clients to understand the difference between fonts and typefaces. This can significantly facilitate project development. As you know, fonts within a typeface can vary considerably. For instance, if the task for a designer is to use TT Neoris, the resulting mockup can turn out completely different from what the client expected because this typeface is highly versatile. But if the task is narrowed down to using a specific font, like TT Neoris Regular, such a surprise can be avoided.

Font and Typeface: What’s the difference?

Conclusion: Are the differences between fonts and typefaces crucial?

Font design terminology is a living being: together with the development of typography and the advancement of technologies, new terms emerge. However, categorizing and understanding the old ones was already difficult as they represent a very complex system. For those working with fonts or just intrigued by the field, understanding the diverse meanings of these terms is essential. It is the only way to immerse yourself in the subject and comprehend it.

Latest publications

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
UniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement

UniversiTTy: Lesson 9. Uppercase Characters. Detailed Contour Refinement

Welcome to the ninth lesson of our «UniversiTTy»! In this series, we guide you through the process of font design step by step. The font is a cohesive visual system. This can be seen on all levels: global (font type, weight, proportions, contrast, general forms) and at lower scales that encompass all graphic choices in individual characters. Let’s find out together how visual details influence the overall perception of fonts.

See more

See more

Best Fonts for Reading: Top 10

Best Fonts for Reading: Top 10

Looking for the most convenient and easy-to-read font for reading from a phone screen or e-book? Check out the TypeType list of the best fonts for reading! Find out which font boasts the best readability.

See more
UniversiTTy: Lesson 4. Planning a Font Family

UniversiTTy: Lesson 4. Planning a Font Family

Expanding our exploration of sketches, the focus in this article will shift to more pragmatic sketches — those of a font family. You’ll find out why it’s essential to determine the contents of your typeface during the first stages of your project.

See more
10+ Best Fonts for Mobile Apps in 2024

10+ Best Fonts for Mobile Apps in 2024

Today, we’re sharing our list of the best modern fonts for web and mobile apps in 2023. Learn more about choosing fonts for your digital projects and what kinds of fonts most designers prefer.

See more
UniversiTTy: Lesson 3. Your Future Font Sketches: Technique, Digitization, Testing

UniversiTTy: Lesson 3. Your Future Font Sketches: Technique, Digitization, Testing

In our ongoing series about the first stages of crafting typefaces, let’s explore probably the most creative step—sketching.

See more
The Impact of Fonts in Web Design on User Experience

The Impact of Fonts in Web Design on User Experience

In the ever-evolving landscape of web design, it’s not just the vibrant visuals or interactive elements that grip a visitor’s attention. Lurking quietly, yet undeniably powerfully, typography plays a pivotal role in shaping a user’s experience. Fonts, often overlooked, are the silent narrators of the digital tales we traverse daily.

See more
15+ Best Fonts for Logo Design in 2024

15+ Best Fonts for Logo Design in 2024

A logo is an indispensable part of any brand’s identity. All logos can be roughly subdivided into 3 large groups: emblems/brandmarks, wordmarks, and combination marks. Brandmarks always accentuate the symbol, whereas fonts often take on a leading role in the other two types of logos. In this article, we’ll focus on how to find this perfect match and provide the list of 15 best fonts for logo design from the TypeType collection, which are trending in 2024.

See more
UniversiTTy: Lesson 2. How Not to Get Lost When Working on a Font. The Art of Task Outlining

UniversiTTy: Lesson 2. How Not to Get Lost When Working on a Font. The Art of Task Outlining

Before you begin designing letters and forming the font, it is essential to carry out initial preparation to get a clear idea about the project’s outcome. In this article, we will focus on the essence of this preliminary stage and the importance of this work, describing and analyzing the process of task outlining.

See more
4 Quick Ways to Identify Fonts Used on Websites

4 Quick Ways to Identify Fonts Used on Websites

Enthusiastic designers are constantly on the lookout for new fonts. Not only while they are working. You can notice new fonts to add to your collection while scrolling social media, browsing brands’ websites, and even playing your favorite video games. All that is left is a technical aspect: to identify a font family used in the project and purchase a license for it. There are many ways of identifying fonts. In this article, we will cover the easiest ones.

See more
Best Fonts for Books: How to Choose

Best Fonts for Books: How to Choose

Web and printing in typography are two different worlds. At least, they are often presented this way. In reality, many typefaces can be used in both domains. To understand what typeface to choose, it is important to know the differences between book fonts and web fonts. This article covers the topic of fonts for books and how to choose the best typeface for book design, magazines, or any other printed material.

See more