My Custom CSS Reset
This CSS reset is pleasantly minimalist and a lot of thought has gone into each step. The bit about calculating line height is very intriguing!
Pixels vs. Ems: Users DO Change Font Size – Evan Minto – Medium
I have to admit, I didn’t realise that text reszing behaved differently for user preferences compared to page zoom. For that reason alone, I’m going to avoid setting font sizes in pixels.
If 2 to 3% (or more!) of your users are relying on a custom font size, you should know that so you can either support that user preference or make a conscious decision to not support it. Doing anything less is frankly irresponsible, especially considering that users with larger font sizes may be using those sizes to compensate for visual disabilities.
Related links
CSS Font Lorem Ipsum
Professional web designer on a closed course. Do not attempt.
[css-fonts-5] @font-face supports incremental · Issue #6063 · w3c/csswg-drafts
This could give a big boost to web performance!
How to avoid layout shifts caused by web fonts – Simon Hearne
A terrific in-depth look at improving the performance of web fonts.
Creating websites with prefers-reduced-data | Polypane Browser for Developers
There’s no browser support yet but that doesn’t mean we can’t start adding prefers-reduced-data to our media queries today. I like the idea of switching between web fonts and system fonts.
Related posts
Understandable excitement
Why I get more excited about new CSS features and JavaScript APIs than I do about new frameworks, libraries, or build tools.
Variable fonts
The future of typography is here.
Lost in calculation
A lazy option for responsive images is at hand.
Fluid
Going from delight to default in one straight line.
Hanging punctuation in CSS
A little fix for Safari.