Typekit font loading

By John Balnaves, Developer

Typekit fonts load after the page which causes an unsightly font render which looks very unprofessional.

Luckily enough Typekit adds a class to <html> which is only added for a split second before the fonts have loaded. Once they have loaded the class is removed again.

The class is: wf-loading

Add this to your CSS:

.wf-loading {
    visibility: hidden;

This will hide the entire page for that split second. The page will then display without seeing all that ugliness.

About north street

We engineer the thoughtful transformation of great organizations. Our proven process helps us understand what your competitors are doing right — and wrong. Want to learn more? Let’s chat.

More Notes

A bowler hat with radio waves behind it

From Layoff to Leadership: Tom Conlon’s Journey to a Prosperous Business

Welcome to Your 2024 Branding Pep Talk

A bowler hat with radio waves behind it

CEO Tom Conlon talks shop on Podcast Marketing Secrets