What is Website Readability and Related Resources
go backGo back

What is Website Readability and Related Resources

Published on Mar 11 2022

Last updated on Apr 05 2022

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:
general
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.

  • Image by Blake Connally on Unsplash
    May 04 2023 — 5 min readJavaScript Games to Improve your Programming Skills
    #resources#tutorials
  • Photo by Huy Phan on Unsplash
    May 04 2023 — 5 min readUnderstanding Fetch API and AJAX
    #general#javascript
  • Photo by Cristina Gottardi on Unsplash
    May 04 2023 — 5 min readPOSIX Basics
    #general

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

    Copyright © 2024 All Rights Reserved.