How to Pick the Perfect Font for your Website

Here at Tandem, we believe that quality is evident in the finer details. We sweat the small stuff. And choosing a font for your website, while it may seem minor, is an important part of branding. Every font has a personality and you need to find the right font for your message.

sans serif versus serif fontsWhen choosing a font, it’s important to understand how fonts differ and what messages the different types generally portray. To start, there are two broad categories that encompass all fonts: serif fonts and sans-serif fonts. All fonts are divided by the presence or lack-there-of of a serif, the small flag or lines that cap a larger line on a letter. See the graphic to the right to get an idea.

Fonts with a serif tend to be perceived as more formal, traditional or elegant. They can also be perceived as more stable and long-lasting.

Sans-serif fonts, or fonts without serifs, are perceived as friendly, modern, and easy-going. They can have open, rounded letters or be narrow and thin, but in general they are much more approachable. They can also represent clarity, simplicity and a cutting away of all the fluff.

Within these two categories, there are a few notable subcategories.

What is a slab serif font

Slab Serif

Slab serif fonts are a modern take on the traditional serif font. It includes rounded modern lettering, with straight, no-flair, serifs. These are quite popular these days, so you are likely to recognize them. They are modern and fun, without being overly casual.

What script fonts are best for a website

Script or Handwriting Font

Script fonts, or fonts made to look like handwriting, are also quite popular. They are ultra casual and chock full of personality. In general, they should be used sparingly, as they can overpower a more subtle brand and be difficult to read.

What are block fonts

Block Caps

Some fonts have only capital letters. This can send a bold, and firm message, so should also be used as accents only. Body text in app caps is generally perceived as overly forceful or the digital version of yelling.

Decorative

decorative fonts
Decorative fonts are fonts that have artistic flourish. They may have shadows, be large and blocky, be a calligraphy style, or contain extra small elements like snowflakes, stars etc. The possibilities are endless. Because of their artistic nature, decorative fonts display creativity, uniqueness and fun. In general, they work well for word marks, logos or a short title. They should not be used for long strings of text.

Within all these categories, there are many variances, or areas to infuse your message. Your lettering can be short or tall. It can be thick stroked, or thin and light. It can be round, square or narrow. All of these styles give subtle messages.

Your font has a lot to say about you!

Up Next

Related Insights

9 Key Performance Indicators (KPIs) to Track for a High-Performance Website

In today’s competitive digital landscape, your website isn’t just a brochure—it’s a critical tool of your business. It’s your storefront, your lead generator, and often your first and only point of contact with customers. To ensure that your website delivers the best possible experience for your visitors while driving meaningful...

How To Take Better Photos For Your Website & Social Media

Here are some photography tips specifically tailored toward business leaders who use iPhones! High-quality photography is important for every website and social media page, but what exactly makes incredible iPhone photography? Although mastering photographic moments is something that challenges even the most experienced professionals on a day-by-day basis, business leaders...

Client Email Communications & How To Update Your Email Security

Several Tandem Design Lab clients have recently experienced email difficulties, so here’s how to fix these issues! We’ve recently been hearing from some of our clients about how their email accounts are rejecting other people’s emails and kicking messages back to senders. This is an unfortunate communication mishap for any...