Lately I've just gone with inlining the font stylesheet into the page to avoid render blocking on the CSS; enable font-display: swap; so that text remains visib

Lately I've just gone with inlining the font stylesheet into the page to avoid render blocking on the CSS; enable font-display: swap; so that text remains visible while the font itself is loading; and like the article suggests, choose a reasonable font fallback. No need for the preloading since the font request should get kicked off immediately. Can't use Google Fonts this way though since the font urls are unstable. The system font stack is probably the best though.