Designing for User Font-size and Zoom

Using modern CSS units and math functions

OddBird

Not having used #liquid #fontSizes much this seems very simple and interesting: https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/
On his website it works well for me, but I wonder how this works on more complex web apps.

I'd fear the UI will at some point be too large to be easily used. WDYT?

A formula for responsive font-size

Try setting the root font-size to `calc(1rem + 0.25vw)` instead of using media queries with fixed breakpoints.

jameshfisher.com

This is just a general thank you to all the Wikipedians who built the “Traditional point-size names” comparison table. I don’t know if it’s the best one out there, but it’s been very useful to me over the years. https://en.wikipedia.org/wiki/Traditional_point-size_names#Comparison_table

#FontSizes #Fonts #Typography #PointSize

Traditional point-size names - Wikipedia