App Router inline CSS using `next/font`
Unanswered
Yacare Caiman posted this in #help-forum
Yacare CaimanOP
Using the Pages Router, it looks like NextJS will automatically inline CSS for fonts: https://nextjs.org/learn-pages-router/seo/improve/fonts
However, in the App Router, this does not appear to be happening; I am seeing a separate stylesheet that needs to be loaded, decreasing SEO performance metrics like FCP. I don't see any mentioning of CSS inlining in this guide: https://nextjs.org/learn/dashboard-app/optimizing-fonts-images
Does anyone know a workaround for how to inline CSS using
However, in the App Router, this does not appear to be happening; I am seeing a separate stylesheet that needs to be loaded, decreasing SEO performance metrics like FCP. I don't see any mentioning of CSS inlining in this guide: https://nextjs.org/learn/dashboard-app/optimizing-fonts-images
Does anyone know a workaround for how to inline CSS using
next/font in the App Router?