ttcommonspro
Type foundryBlogSerif vs Sans serif: Font differences

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.

Serif vs Sans serif: Font differences

The emotions that these things evoke, the lifestyle they are associated with are an integral part of branding.

When you open a company’s website for the first time, you do not yet know its history, product quality and prices. You see the information, but you have not yet had the time to read it. However, associations have already arisen, and the reason for this is the font used by the brand.

Why choosing a suitable font is important

The font is the voice of the brand. As with the voice, words convey information, but emotions are caused by how exactly and with what intonation the interlocutor pronounces them, or, in the case of the font, what typeface these words are set in.

People learn how to use their voice professionally to make the right impression on others and influence their perception of what is said, brands use typefaces for this. Budget or expensive, modern or classic, eco-friendly or technological – the font will convey this.

Serif vs Sans serif: Font differences

Choosing the right font helps win over an interested audience before they get to know the company’s products. However, if you choose the wrong typeface, you can evoke conflicting emotions that will lead to no brand engagement.

It’s like when a person tries to confidently talk about themselves or their achievements, but you feel confused, as if you are being deceived. Perhaps what gives them away is that their voice trembles or intonations are inappropriate.

For a font to convey the necessary associations and harmonize with the brand’s position, it is important to pay due attention to the choice of the appropriate typeface.

Most important serif facts

Contemporary typography provides a lot of fonts for designers to choose from, but they all fall into several basic categories. The most popular ones are serifs and sans serifs – they are used by most modern brands, including the largest ones.

Serif vs Sans serif: Font differences

It is quite easy to spot serif fonts – these are the fonts in which letters have serifs.

Serif vs Sans serif: Font differences

Serif is a broad category of fonts, which in turn is divided into subcategories. Basically, there are four types of serif fonts: old-style, transitional, new-style and slab serifs. They differ from each other in the shape of the serifs, the contrast, and the slope of the ovals.

Serif vs Sans serif: Font differences

You can read more about typefaces in Robert Bringhurst’s Elements of Typographic Style or have a look at a more modern and concise classification of fonts in Letter Fountain by Taschen.

Serif vs Sans serif: Font differences

When to choose a serif

One can safely say that the printing industry is the widest area of use for serif fonts. Most of books and magazines, brochures and posters are set in serifs. Such typefaces are eye-catching and can look elegant and graceful, which is why they are often used by those associated with the arts, such as organizers of exhibitions and film festivals.

Serif vs Sans serif: Font differences

Serif fonts can be quite versatile given the variety of typefaces. However, you should choose a serif carefully, carefully analyzing what emotions the font evokes.

It is worth noting that such fonts are often produced as broad families, that is, several styles and even categories are included in one font. Most frequently, in one typeface there is a display serif with a more expressive character and a text serif with more neutral characteristics.

Serif vs Sans serif: Font differences

A display serif is suitable for use in headings or large inscriptions, so its character is more readable and decorative elements are more visible. A text serif is paired with a display one, it can be used to set large text arrays, because such a font has good readability and a more neutral character. There may be more subfamilies, depending on the scope of the font. For example, in TT Livret from TypeType studio there are three subfamilies: display, text, and subtitle. By expanding the number of fonts, studios make it possible to use one typeface for different tasks.

What a serif font can convey about a brand

Serifs are more often chosen by brands whose principles are based on respect for traditions and history. Serif fonts are more likely to evoke the feeling of a classic and calm brand, but can also signal status and elegance.

Serif vs Sans serif: Font differences

Traditional media, high fashion magazines and luxury brands often turn to serifs. They are ideal for companies that take pride in nurturing and developing their brand over the years, improving quality while maintaining the core principles. Serifs evoke a feeling of reliability and security, so they can be used in banking or medical fields.

Serif design examples

To better understand associations that serifs evoke, let’s turn to famous brands that chose serif fonts.

Serif vs Sans serif: Font differences
Tiffany&Co, Vogue, The New York Times

Most important sans serif facts

Sans serifs are in many ways the exact opposite of serifs. If a serif font is easy to identify by serifs, then the sans serifs are easily identified by their absence. These are concise fonts with a wide use scope. Rest assured that most of the sites you view use sans serifs. Moreover, in the course of rebranding, global brands are more likely to replace their old typeface with a sans serif.

Sans serifs look simple and neat, which is why they are considered universal fonts in typography. Like serifs, sans serifs are divided into subcategories. These are the old, neo-grotesque, humanist, and geometric sans serifs.

Serif vs Sans serif: Font differences

Like serifs, sans serifs can be produced in broad families including display and text fonts. Often, families are expanded after the release of the font, supplemented by new subfamilies. For example, TT Norms® and TT Commons™, two of TypeType’s best-selling fonts, have already had several expansions. In addition to text and display fonts, the families were replenished with Condensed and Expanded versions and even monospaced fonts.

Serif vs Sans serif: Font differences

When to choose a sans serif

Sans serifs can be used almost everywhere thanks to their neutrality and conciseness. Websites, e-catalogs, presentations, and mobile applications are often set in sans serifs. You can find them on the signs of shops and restaurants, in printed materials and in packaging design.

Serif vs Sans serif: Font differences

Of course, sans serifs are the favorite of most modern designers.

What a sans serif font can convey about a brand

Modernity, lightness, understanding of trends and openness to connection – this is what most people read when they see a sans serif on the site of their favorite brand.

When developing sans serifs, type designers refuse to use serifs, and when choosing sans serifs, brands bring down extra walls in communication with the audience. Brands that choose sans-serif fonts want to be closer to their consumers, harmoniously becoming a part of their lives.

Serif vs Sans serif: Font differences

Technological prowess and experimentalism, rejection of unnecessary conventions, enjoyment of the moment – these are the messages that sans serifs also add to brand positioning.

Sans serif design examples

Get to know sans serifs better by having a look at the examples of use of sans serif fonts in contemporary designs.

Serif vs Sans serif: Font differences
Chanel, Apple, Google

Main differences between serifs and sans serifs

The most obvious differences between serifs and sans serifs are the serif elements. They are a must for serif fonts, and they must be abscent in sans serifs. But only this difference is not enough to understand in which section to look for a font for your project.

The visual differences between these typefaces can be noticed even without focusing on the serifs. Sans serifs look more concise and neater also thanks to the low contrast in font thickness. In serifs, the thinnest areas may be drastically different from thick ones, which is especially noticeable in display serifs.

Serif vs Sans serif: Font differences

The contrast between uppercase and lowercase characters also differs. It is minimal in sans serifs, due to which a printed text looks neutral, while in serifs, the contrast might be much higher. However, modern text serifs might be low contrast.

Serif vs Sans serif: Font differences

Associations that serifs and sans serifs evoke are also different. Serif fonts are more often described as classical, refined, or stern, while sans serifs are called minimalist, simple, and neat.

How to decide on a font

To find a font that reflects brand values, you need to define what you want to convey to your audience. Given all the diversity of modern typography, your choice might be surprising. Increasingly more often, font studios release fairly neutral serifs or sans serifs with pronounced character.

Serif vs Sans serif: Font differences

To have a better idea of what font might be suitable for a project, try studying the examples of other companies and paying attention to the associations that a font evokes. For example, modern young brands emphasising ecological aspects and technology might find a sans serif with its concise properties more suitable. A serif will look fitting in companies emphasising their long history and traditions or targeting the feeling of reliability and stability.

Simultaneous use of serifs and sans serifs

Sometimes when choosing a font, designers have an idea of using several fonts at once, one of which may be a sans serif and another one a serif. In reality, this choice rarely occurs, especially if the fonts have different natures.

Serif vs Sans serif: Font differences

It is safest to use a serif and a sans serif from the same typeface because these faces are created as a font pair. For example, in the TypeType catalog you can choose TT Norms® Serif, which was developed as a part of the large family TT Norms®, a geometric serif with a neutral character.

Stereotypes about serifs and sans serifs

“A sans serif is a boring font associated with dull office presenations, and a serif can’t be modern and will make the brand feel outdated” – these are the stereotypes which are still present today.

Serif vs Sans serif: Font differences

However, font designers work hard to bust these myths and release modern beautiful serifs and stylish sans serifs with malleable nature. The most important thing is to find the one and only font that fits the brand perfectly among the multitude of all fonts.

Final choice

Typography is developing and makes designers happy with the huge number of fonts released. Sometimes the most difficult thing is to not get lost in this abundance and to understand what the right choice is.

We hope this article will become a guide and make the search for a font clearer and more exciting.

Serif vs Sans serif: Font differences

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

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
Creating a customized version of TT Trailers with pet-friendly diacritics

Creating a customized version of TT Trailers with pet-friendly diacritics

How often have you come across hidden kitties and puppies right in the letters? If never, do hurry to read this case.

See more