--- title: Should you preload fonts for performance? | daily.dev description: Font preloading can improve or harm web performance depending on implementation. While it eliminates layout shifts and double paints, Chrome's behavior since... canonical: https://daily.dev/posts/heo8o54rx twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Should you preload fonts for performance? | daily.dev og:description: Font preloading can improve or harm web performance depending on implementation. While it eliminates layout shifts and double paints, Chrome's behavior since... og:url: https://daily.dev/posts/heo8o54rx og:image: https://api.daily.dev/og/posts/hEo8o54rX.png og:image:alt: Post cover image og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Should you preload fonts for performance? **[WebCraft](https://daily.dev/sources/webcraft)** · [@mouad_dadda](https://daily.dev/mouad_dadda) · 11 upvotes · 5 comments ## Summary Font preloading can improve or harm web performance depending on implementation. While it eliminates layout shifts and double paints, Chrome's behavior since 2023 delays First Contentful Paint until preloaded fonts arrive, with timeouts of 100ms and 1500ms to prevent excessive delays. Best practices include preloading only above-the-fold fonts, self-hosting fonts, and prioritizing text fonts over icon fonts for better user engagement. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@jeanne** · 3 upvotes > The link seems to be broke, here it is: https://www.erwinhofman.com/blog/should-you-preload-fonts-for-performance/. > > Well explained, I'll keep it in mind, didn't know about that. > > I've got a question, slightly out off the topic (maybe?). The article mentions : > > When preloading, be sure to always include crossorigin for fonts, even when downloaded from the same hostname. > > Why? Is it related to the performance matter? Thank you in advance for any clarification --- Tags: [#webdev](https://daily.dev/tags/webdev), [#google-chrome](https://daily.dev/tags/google-chrome) [View this post on daily.dev](https://daily.dev/posts/heo8o54rx) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/heo8o54rx","headline":"Should you preload fonts for performance?","text":"Shared: Should you preload fonts for performance?","url":"https://daily.dev/posts/heo8o54rx","datePublished":"2025-09-11T09:44:25.815Z","dateModified":"2025-09-11T09:44:25.820Z","author":{"@type":"Person","name":"Mouad Dadda","url":"https://daily.dev/mouad_dadda","image":"https://media.daily.dev/image/upload/s--qvecFxpC--/f_auto/v1746013117/avatars/avatar_cmPs2DO0hyj5zVizDLJDZ","description":"🚀 Full Stack Developer💡 Passionate about contributing to open-source projects","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":24670}},"image":"https://media.daily.dev/image/upload/s--VDukGCjf--/f_auto/v1722860399/public/Placeholder%2002","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":11},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":5}],"sharedContent":{"@type":"WebPage","url":"https://api.daily.dev/r/6bAFVyILo"},"comment":[{"@type":"Comment","text":"The link seems to be broke, here it is: https://www.erwinhofman.com/blog/should-you-preload-fonts-for-performance/.\nWell explained, I’ll keep it in mind, didn’t know about that.\nI’ve got a question, slightly out off the topic (maybe?). The article mentions :\n\nWhen preloading, be sure to always include crossorigin for fonts, even when downloaded from the same hostname.\n\nWhy? Is it related to the performance matter? Thank you in advance for any clarification","datePublished":"2025-09-11T13:20:34.564Z","url":"https://daily.dev/posts/hEo8o54rX#c-cPWF2w8Kh","author":{"@type":"Person","name":"Jeanne Auvray","url":"https://daily.dev/jeanne","image":"https://media.daily.dev/image/upload/s--O0TOmw4y--/f_auto/v1715772965/public/noProfile"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/webcraft","name":"WebCraft"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"WebCraft","item":"https://daily.dev/squads/webcraft"},{"@type":"ListItem","position":3,"name":"Should you preload fonts for performance?"}]} ```