#Things to consider
- Webfonts will never load as quickly as locally installed fonts. If that’s not acceptable to you, then perhaps you should rethink using webfonts.
- It’s important to understand that a FOIT (flash of invisible text) happens only when the fonts are downloading. So even if you load a stylesheet containing @font-face rules asynchronously, the font-loading will still block rendering.
- A webfont performance budget should focus on three things: the number of font requests, font-file size, and time-to-first-render.
- What matters most to you? That people read your content as soon as possible, or that people read your content in your preferred font? I suspect that many of your visitors would prefer the former over the latter.
- Always optimize your webfonts if the license allows it. Using the right font format and subsetting will significantly reduce a font’s file size and make it load faster.