Firefox briefly displays another font before it loads the font I selected. Why does this happen?

In some browsers, most notably Firefox, you may see a barely noticeable ‘blink’ (a.k.a. Flash Of Unstyled Content) before the real font loads in. This is a result of Firefox’s handling of the @font-face rule.

As a workaround we offer a JavaScript solution that hides content until browsers are finishing loading fonts.