Share this page!

Enter URL or ID to Unroll

You can paste full URL like: https://x.com/threadreaderapp/status/1644127596119195649
or just the ID like: 1644127596119195649

How to get URL link on X (Twitter) App

  1. On the Twitter thread, click on or icon on the bottom
  2. Click again on or Share Via icon
  3. Click on Copy Link to Tweet
  4. Paste it above and click "Unroll Thread"!
  5. More info at Twitter Help
Filip Rakowski 🇺🇦 Profile picture
Filip Rakowski 🇺🇦
@filrakowski
Co-founder & CTO @VueStorefront • @VSFDevelopers • @StorefrontUI • @MACHalliance Tech Council • Partner @vuejs • Tweets about #webperf #vuejs #eCommerce, typos
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)