Web fonts have made the web a much nicer looking place, but if we don’t put the work in to host them properly and optimize them, they can be heavy files that slow things down and lead to FOITs and FOUTs, which is never great for the user experience.
Luckily, modern font stacks can help a lot with that!
🔗 Links
• Self-hosting fonts explained (includi... ⌚ Timestamps
00:00 - Introduction
00:30 - The problem(s) with Google Fonts
01:40 - the best font to start with
02:26 - simple font stack for system-ui
03:35 - The “original” system-ui stack
05:00 - Advantages of system-ui
06:09 - Other font stacks that take advantage of system fonts
07:30 - Different fonts across different operating systems is okay
09:35 - Use web fonts where users will actually notice them
