Filip Rakowski Profile picture
Co-founder CTO @useAlokai • @StorefrontUI • @MACHalliance Tech Council • YC W21 • https://t.co/a0Cdn3wtR8 on the other app 🇺🇦🤞
Oct 19, 2022 10 tweets 4 min read
Using a font that is not built into operating systems can cause layout shifts and significantly decrease user experience.

Luckily - it's something rather easy to fix!

🧵 Let's break this problem down and see how to solve it!

#webperf #javascript When you use a font that is not available in the operating system the browser has to download it.

This leads to one of two ways how it's handling the time between the page load and the font load:

- Flash of Invisible Text (FOIC)
- Flash of Unstyled Text (FOUC)