Type something to search...

Web Solution Master Blog

How to Use CSS font-feature-settings for Advanced Typography?

How to Use CSS font-feature-settings for Advanced Typography?

You licensed a good typeface, loaded it on your pricing page, and the numbers in the comparison table still wobble from row to row because every digi

Continue Reading
How to Build a Modular Type Scale for Your Website?

How to Build a Modular Type Scale for Your Website?

Open the stylesheet of a site that's been through a few years of edits and search for font-size. You'll often find 20 or 30 distinct values: 13px,

Continue Reading
What Is Fluid Typography, and How Do You Implement It with CSS clamp()?

What Is Fluid Typography, and How Do You Implement It with CSS clamp()?

You've set your H1 at 36px on mobile, 48px on tablets, and 60px on desktops, with media queries at 768px and 1200px. Then someone opens the site on a

Continue Reading
How to Test Typography for Low-Vision Users?

How to Test Typography for Low-Vision Users?

Your site passes Lighthouse with a perfect accessibility score. Then you sit next to a user with macular degeneration while she reads your product pa

Continue Reading
Is All-Caps Text Bad for Accessibility?

Is All-Caps Text Bad for Accessibility?

A redesign comes back from the agency with a bold new look: navigation in uppercase, every button in uppercase, section headings in uppercase, and a

Continue Reading
How to Support Browser Zoom and User Font Preferences?

How to Support Browser Zoom and User Font Preferences?

A user zooms your marketing site to 200% to read the pricing details. The sticky header, which was a tidy 80px bar, now takes up a third of the scree

Continue Reading