Web fonts are great and make the web a more beautiful space; however, loading them can be slow, which results in an unwanted side effect: FOIT (Flash of Invisible Text). I’ve experienced FOIT on my website, particular on mobile connections, but with the help of some homework and fantastic resources, plus some JavaScript and CSS, I managed to fix it. Flash of Invisible Text FOIT is a result of the
![Faster Font Loading with Font Events](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e7634c5b5c0496904db863c1ee97035f977cd03/height=288;version=1;width=512/https%3A%2F%2Fjonsuh.com%2Fassets%2Fimages%2Fblog%2Ffont-loading-with-font-events%2Ffoit-solved.jpg)