Font loading strategy for single page applications
Web fonts bring a sense of identity to our projects and have become a crucial asset of product design nowadays, but as for static sites they can delay content display time severely, specially for slow connections.
With no effective font loading strategy, users will experiment what's call FOIT (Flash of Invisible Text) as the font files are downloading.
Instead it's preferable to go for FOUT (Flash of Unstyled Text), users will see content sooner with a font from the system and switch to the web font later.
A while ago I wrote about how to properly [load a web font in static sites] with a recipe which included a deferred font bundle, font observation to switch when fonts are usable, and a combination of stylesheet injection with web storage for future visits.