Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Course: Elements of a Great They Ask, You Answer Website

Start the Course Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer?

What is <span>They Ask, You Answer?</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
learning_center_grey__Free Courses and Certifications.svg

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
... Inbound Marketing Web Design
Close
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website
Start the Course
Elements of a Great They Ask, You Answer Website
Free Website Course
View Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

How to design for readability – a guide to successful web typography [Infographic]

By Marcella Jalbert

Marcella Jalbert also recommends this free course, Elements of a Great They Ask, You Answer Website.

How to design for readability – a guide to successful web typography [Infographic] Blog Feature

The font you choose is an extremely important (and often overlooked) part of your brand. 

The right font can set the entire tone for your site. 

It can make the user feel comfortable with you or instill more trust in you. There are even studies that show people are more likely to believe something written in certain fonts. (i.e. NOT COMIC SANS)

Free Course: Elements of a Great They Ask, You Answer Website

Now, with a heavier focus on website accessibility than ever, the fonts you choose and how you use them (also known as typography) plays a huge role. 

The letterforms, size, spacing, contrast, and context all affect the legibility of your content and you worked dang hard for that content, so let me show you a few ways you can ensure typographic success on your website.

 

Choosing a header font vs. paragraph font

When choosing header fonts, you can often bypass some of the best practices due to the fact that you will be using these at larger sizes and usually a bit isolated from other content visually.  Plus, they are usually shorter lines of content. 

If you know your content tends to be more on the wordy side, however, I would definitely follow the same best practices you would for paragraph type.

Our primary goal for paragraph type is always legibility. 

The bulk of your content will be seen this way and we want to ensure that it can be easily consumed and is devoid of potential accessibility issues as well as reader’s fatigue which can affect all audiences.

 

Top 5 areas to consider in web typography

  1. Distinct letterforms
    Having a more distinctive shape for all letters improves legibility. So, for example, fonts with similar-looking “q” and “p” shapes are on average harder to read than one with more distinct shapes for each. You may want to avoid these.

  2. Letterform contrast
    Paragraph copy performs best with fonts that have a medium amount of contrast (meaning there should be some variance in the width of the strokes that make up the letters) among the letterform stroke width. Letterforms with too little or too much contrast should be reserves for shorter lines of larger copy (like the headers I mentioned above).

  3. Body text size
    When considering text size, it is extremely important to take into account the distance at which the user will be reading this text. The experience a user has when reading on their phone is very different from reading off a monitor or TV and should be treated as such.

  4. Line length
    The line length, or how many characters are on a line, can greatly contribute to a reader’s fatigue — and if a user is getting fatigued by your content, they may choose to take their eyeballs elsewhere. A good rule of thumb is to keep lines between 45-75 characters.

  5. Color contrast
    According to the Web Content Accessibility Guidelines, for body text to be legible, it should achieve a contrast ratio of at least 4.5:1. You can easily check to see if your fonts pass the test with this handy dandy contrast checker from WebAIM.

The following infographic from Toptal takes you deeper into what areas to focus on when designing for readability.

InfographicInfographic by Toptal

 

Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

Topics:

Web Design
Infographics
Published on October 20, 2019

Recent Articles

8 Crucial Elements Every Homepage Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
5 Prep Secrets for a Smoother, More Successful Website Project (+ Infographic)
October 14, 2021 • 7 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
8 Best Business Website Designs (Updated for 2021)
July 15, 2021 • 5 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
8 Business Blog Design Examples That Keep Readers Engaged
June 16, 2021 • 6 min read
5 ways you can use the StoryBrand framework to make a better website
June 14, 2021 • 5 min read
What is a Featured Snippet? [Definition + Examples]
June 10, 2021 • 4 min read
Google June 2021 core update live, July core update coming
June 4, 2021 • 3 min read
Google's June page experience core update will be mobile first, then desktop
May 21, 2021 • 3 min read
Every website agency talks about strategy; How is IMPACT different?
April 19, 2021 • 5 min read