I've always liked ExoticSilicon's design, but not until this post did I realize their smart bit of CSS for default font size: font-size: min(max(1em, 1.3vw), 1.3em); Which explains why it looks just right on my high-DPI Chromebook even though I haven't configured a big enough default font size for the browser. This is going to be the default font-size for all of my websites now (preceded by a fallback for maximum com…
If you want it to be even more readable you could do the following: font-size: clamp(1em, 1.3vw, 1.3em); I would also consider using `rem` instead of `em` incase you want to use it anywhere other than the root element.
Thanks for the tip on clamp() by the way, TIL.