Type something to search...

Web Solution Master Blog

WOFF2 vs. WOFF vs. TTF: Which Font Format Should You Use?

WOFF2 vs. WOFF vs. TTF: Which Font Format Should You Use?

You inherit a WordPress theme and open its stylesheet. Every @font-face rule lists five sources: EOT with a ?#iefix hack, WOFF2, WOFF, TTF, and a

Continue Reading
What Is Font Subsetting, and How Does It Reduce File Size?

What Is Font Subsetting, and How Does It Reduce File Size?

You download a font from a foundry for a client's English-language marketing site and drop the WOFF2 into the project. It weighs 310KB. The site's en

Continue Reading
How to Preload Web Fonts the Right Way?

How to Preload Web Fonts the Right Way?

A teammate reads that preloading fonts improves performance, so they add preload tags for every font file in the project: regular, italic, medium, se

Continue Reading
How to Self-Host Google Fonts for Better Performance and Privacy?

How to Self-Host Google Fonts for Better Performance and Privacy?

You run a WebPageTest on a client's site and the waterfall shows the same pattern on every page. The HTML arrives, the CSS arrives, and then the brow

Continue Reading
What Is FOUT vs. FOIT, and How Do You Avoid Them?

What Is FOUT vs. FOIT, and How Do You Avoid Them?

A client sends you a screen recording of their homepage on a phone. For the first second, the headline is set in a chunky Arial that wraps onto three

Continue Reading
What Is font-display, and Which Value Should You Use?

What Is font-display, and Which Value Should You Use?

Open a site on a slow train connection and you may stare at a page full of layout with no words in it — buttons, images, empty spaces where the headl

Continue Reading