go backBack to blog

What is Website Readability and Related Resources

Published on Mar 11 2022

Last updated on Apr 23 2024

Photo by Jeroen den Otter
No translation available.
Add translation

One of the most important principles of web design is making sure your site is readable, or your site's readability.

What is website readability?

Website readability is the score/rating/measure of how easy it is for the visitors/users to be able to read and understand the text on your website. It depends on a number of factors:

  • Font — What font family you use, font size and weight you choose, etc.

  • Spacing — The amount of letter spacing as well as line height and spacings between blocks of text.

  • Color Palette — The number of colors do you choose for you palette, how many primary/secondary colors there are, etc.

Why is it important?

Higher readability increases your SEO ranking and number of users who visit your website. This is extremely important for businesses whom websites are the main source of marketing and income.

Resources

1. Google Fonts

The top resource for free and ready-to-use web fonts. Google Fonts offers a huge library of fonts and easy to install <script/> tag for their fonts.

Google Fonts Logo

2. Fontsquirrel

Offers 100% free fonts for commercial use, FontSquirrel is another well-known huge font library.

Fonts Squirrel Image

3. MyFonts 

World's largest library of premium fonts, if you need more free fonts for your next project.

MyFonts

4. A Pocket Guide to Typography

An amazing resource to learn more about typography. You can also get their eBook on Amazon for only $2.99.

Typography Book Image

5. Experte Readability Checker

Quickly check your website's readability as well as sub-routes on your website.

Experte Readability Checker

6. WebFX Readability Test

WebFX Readability Test

Conclusion

Hopefully these resources will help you improve your web typography designs, if you know any other useful resources for typography/fonts, tweet me at @alissang_dev!

Tags:
front-end
resources
My portrait picture

Written by Alissa Nguyen

Alissa Nguyen is a software engineer with main focus is on building better software with latest technologies and frameworks such as Remix, React, and TailwindCSS. She is currently working on some side projects, exploring her hobbies, and living with her two kitties.

Learn more about me


If you found this article helpful.

You will love these ones as well.

  • Photo by Steve Johnson on Unsplash
    Apr 06 2023 — 5 min readCSS Architecture: The Fundamentals
    #css#front-end
  • Image by Kamil S
    Apr 01 2022 — 5 min readAwesome Games to Improve your Web Design Skills
    #css#resources
  • Photo by Nathan da Silva on Unsplash
    Sep 07 2022 — 5 min readIntroduction to HTML
    #front-end#html

  • Built and designed by Alissa Nguyen a.k.a Tam Nguyen.

    Copyright © 2024 All Rights Reserved.