Kevin Powell - CommunityKP-C
Kevin Powell - Communityβ€’3y agoβ€’
12 replies
Chimi

Is fluid/responsive typography a good idea, or horrible for accessibility?

A few times now I've used calc() in my CSS to create semi-responsive typography on pages. In particular, I've used this formula from CSS Tricks:

font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));

My use cases have been homepage heroes and CTAs (hybrids between buttons and cards - icons with text). Is this good practice in the name of responsiveness, or does it negatively impact accessibility? Should I be setting specific font-sizes through media queries instead? Thanks for any input on this πŸ™‚ πŸ‘
Was this page helpful?