How to: Typography for Visual Content That Doesn’t Suck

typography how to

Choosing the right typography (or fonts) for your visual content can be difficult if you’re not a seasoned designer, but it doesn’t have to be.

The good news is that all you need are a handful of helpful tips to start improving your visual content typography today!

In this post, I cover some basic principals of choosing the right fonts, pairing fonts and a handful of typography do’s and don’ts. These are things that anybody can begin implementing.

Message is First and Foremost

When choosing your fonts for visual content keep in mind the message you want to communicate. I’ve said this a thousand times in blog posts and speaking engagements:

The purpose of good design is to effectively communicate a message.

Making things look good is a worthless feat if it’s not helping you communicate your primary message.

You must have a singular objective of what you want to communicate to the viewer/reader. What is the one thing you want them to interpret?

Solidify it in your mind and let that message be the filter for everything you add to or takeaway from your visual content piece.

You might think, “what does that have to do with just picking a font?”

I’m so glad you asked.

Typography Has Personality

Just like different styles of clothing can communicate and accentuate different personality types the fonts you choose can completely change the mood of your content.

There’s even a quiz you can take to discover what typeface you are.

To help explain this concept, Sarah Hyndman does a fantastic job in her TEDx talk:

“To the child in me, fonts are like multi-sensory imagination grenades.”

In her talk she explores the parallel between how the clothes you wear make an immediate impression as does the type you choose for a graphical piece.

So the first question you need to ask when choosing a font is: what kind of impression do I want to make?

Do you want to look sophisticated or whimsical? Do you want to come off as elegant or practical? Do you want to be seen as exciting or calm, cool, and collected?

Here are some basic ideas of how each typographic classification is often perceived:

  • Serif: smart, traditional, sophisticated, sturdy
  • Sans Serif: casual, easy-going, personable
  • Script: fancy, high-class, expensive
  • Monospace: plain, technical, utilitarian
typography quick-reference sheet


Pin This!

These are, of course, very generalized as there are many styles within each type classification. I highly recommend this article which dives deeper on the classifications and styles.

Key Takeaway: your font choice will have a personality trait (or traits) that will affect how your content is perceived.

For example:

bad font choice

In the above image, you can see that the seriousness of the content is undermined by the comical nature of the font used.

This is not what you want.

You want your font choice to compliment your underlying message. Here’s what a better font choice looks like:

falling in the water quote

Notice how it feels a bit more connected to the message.

Being Consistent vs Being “Creative”

If you’re building a personal brand or a business brand, I highly recommend deciding on a typographic style that you stick with consistently.

Pick 1-2 fonts that you use for everything. This is something I’ve also mentioned in my article on designing a stunning reading experience on your blog.

The same rules can be applied to visual content.

andy warhol qhote

Notice how in the above image there are two fonts used. This makes it easy for the viewer to process what they’re seeing because their brain is not having to process and decode too many different fonts at once.

Not only is limiting your fonts easier on the viewer, but it’s better for branding.

You’ll notice that all big brands have a specific set of types (or fonts) that they use on everything. This not only makes for a consistent and highly professional looking impression but also makes the creation of new visuals easier because your fonts are already chosen.

nike branded typography examples

Now, are there plenty of examples where many different fonts are used to create a great typographic piece? Of course!

However, these types of pieces are often created by professionals. People who have been pairing and matching fonts for a long time.

They’re also extremely time-consuming to create. So my biggest piece of advice is: leave the complicated stuff to the pros and focus on being simple and effective.

Where to Find Great Fonts

If you’re working with design apps such as Canva, Adobe Spark, PicMonkey or other web-based design apps then your font selections will be limited to the ones they make available. This is also true of mobile design apps.

However, if you’re using a desktop application such as Photoshop, Pixelmator, or Gimp then you can use fonts you’ve downloaded onto your computer.

If you have this ability, I’ve found there are a handful of sites that I use for reliable font downloads:

I use DaFont as a last resort, because it can be hit or miss with quality. Since it’s such a high-volume site, there is bound to be lots of low-quality (or even straight up broken) files throughout the site.

Between Google Fonts and Lost Type though, I rarely need to go elsewhere.

Typographic Inspiration

Sometimes it just helps to observe what other great artists are doing to help shape and inspire your own design. So, below are a list of places where I go frequently to find inspiration.

Apps like Adobe Spark and Canva also make it super easy to get inspired with their designer templates.

Typography No-nos

Now, as one last effort to give you some good, practical and actionable (or non-actionable depending on how you look at it) advice, here is a list of things you definitely do not want to do when it comes to typography:

Never use Comic Sans. Ever.

unicorn vaporized gif

Every time you do, a Unicorn dies.

Seriously, there has been no other font in the history of fonts that will make a piece of content look more amateur.

Comic sans is one of the most reviled fonts on the internet. Unless your visual is meant for pre-schoolers, you will only be doing yourself a disservice by using it.

Just. Don’t. Use. It. Ever.

Never use Papyrus. Ever.

dead unicorn cake

[This image was too good not to use. Source.]

Every time you do, a baby Unicorn dies.

If any font can dethrone Comic Sans as the worst and most hated font in existence, it’s Papyrus.

Its gross overuse by amateur designers should now be considered a public nuisance. In fact, at one point there was even a digital equivalent to a Papyrus “neighborhood watch” blog.

It was cool that one time in 4th grade when you used it for a report on Egypt. But that was the only time.

Avoid it at all costs.

Only Use Impact for Memes

take me seriously meme

Only use Impact if you’re making a meme that is supposed to be funny. Otherwise, it won’t be taken seriously.

Since the internet adopted it as the go-to font for all memes it can no longer be taken seriously.

Mind the Medium

Be sure that wherever your intended audience is going to consume your visual that it will be legible.

What does that mean?

For example, if you’re going to be sharing this visual on Pinterest you need to know that the majority of Pinterest users are viewing on their phones.

This means that your font needs to be big enough to read on a smaller screen that what you’re likely creating it on.

Legibility needs to more important that style.

Make sense? Good, let’s close this thing out.

Onward to Better Visual Content!

With these typography tips, you can be confident that the visual content you’re creating will be seen as professional, and deliver the kinds of messages you want.

Which of the above tips was most helpful to you? You can leave a comment by clicking here.

Dustin W. Stout Avatar

11 responses to “How to: Typography for Visual Content That Doesn’t Suck”

  1. Dustin W. Stout Avatar

    Having any degree of skill or experience leads to having an opinion. This is especially true when it comes to any principled design discipline. And you’re free to love whatever fonts you want… many people have counter-cultural tastes in things like food, personal style, art, decor, etc.. This article is intended to shed light on the most wide appeal possible–for those who are looking to grow a professional audience. That doesn’t invalidate any opposing opinions, it’s just my experience in saying using those particular fonts will in most cases be perceived as amateur or less than professional.

  2. Michael Avatar
    Michael

    Comic Sans, Papyrus? Come on Dustin, you’re not opinionated are you? I love both fonts, though I don’t use them often they do have their place.

  3. Kalpana Avatar

    Great post..
    thanks.. keep updating..

  4. Riccardo Avatar
    Riccardo

    Another excellent article. It’s mindblowing how your blog:
    – is easy to read
    – has such a simple but effective layout
    – is full of valuable content
    I search the internet for a lot of articles on your blog topics and I have seen a lot of blogs. It’s the first time that someone really got my attention to the point I add the blog to my favourites and can’t wait for updates.
    Bravo

  5. Nick Unsworth Avatar

    I also enjoy that word!

  6. Dustin W. Stout Avatar

    Sure Patrick! Go ahead and use this contact form to send me a message.

  7. Patrick cavanni Avatar
    Patrick cavanni

    This article is quit educative and timely, I am working on launching a luxury fashion and have been reading alot about brand management and other related topics. I will to discuss more on how we can work together via a mail-to-mail discussion.

  8. Dustin W. Stout Avatar

    Thanks Robert! I hadn’t heard about History TV’s rebrand. I’ll definitely be taking a look.

  9. Robert Avatar

    This reminds me that History TV just relaunched their brand new visual identity, using strong and bold typography to outline their TV series. Also, the new branding can be easy to use to develop more dynamic visuals and more engaging content on social media. Here is the link -> https://www.creativereview.co.uk/history-channel-launches-new-identity-designed-by-dixonbaxi/

    And btw, great article Dustin. Keep up the good work 😉

  10. Dustin W. Stout Avatar

    Thanks for adding to the conversation Phil! Can’t say I’ve ever heard the word “disfluency” before, so I guess I have my word of the day! lol

  11. Phil Barden Avatar
    Phil Barden

    A very important consideration is NOT TO USE CAPITAL LETTERS ALL THE TIME BECAUSE IT CREATES disfluency. This is because humans don’t learn to read words only in caps so using caps all the time destroys learned word shapes. Whilst the art director may think it all looks neat, lots of caps actually make visual processing harder. There are some exceptions where we’ve learned words in caps (e.g STOP, SALE, FREE) but why make it hard for people to read?!

Leave a Reply