How Font-Weight Improves Text Readability

YouTube Video

Jan 03, 2022

It’s a new year and the perfect time to start using font-weight correctly on your text. Stop using light gray for secondary text and the same bold font on every heading. Learn how to use font-weight to improve text readability in this video.

This video is based off the following articles:

UX Movement Newsletter

How to Optimize Any Text Using the Font-Weight System

Think again before you use light gray text on your interface. Light gray text isn't optimal for readability, especially for low-vision users. Unfortunately, most designers haven't caught on and use it quite often. Another common mistake is to use the same bold font for all types of headings. As a result, when users scan the page, it's hard to differentia…

3 years ago · 5 likes · Anthony

UX Movement Newsletter

A More Readable Alternative to Light Gray Text

How do you visually distinguish headings from paragraphs on an interface? Titles from subtitles? Data from metadata? Today, many designers use light gray text for contrast but don't realize they're making their text unreadable. Users have to strain and work harder to read light gray text. This extra effort could involve moving their eyes closer to the sc…

3 years ago · 10 likes · Anthony

Subscribe to the channel and share the video with your colleagues and friends. Happy new year.

UX Movement Newsletter

How Font-Weight Improves Text Readability

YouTube Video

Discussion about this post