SHOULD YOU PRELOAD FONTS FOR PERFORMANCE?

Summary from the TLDR Web Dev newsletter

Font preloading can improve website performance by eliminating double paints and layout shifts. However, it can also delay First Contentful Paint (FCP) since Chrome now blocks rendering until preloaded fonts arrive (with timeouts of 100-1,500ms). It's best to preload only essential above-the-fold fonts (maximum two), self-host them, and prioritize text fonts over icon fonts for better user experience.