GuidesFramework GuidesFramework GuidesCopy MarkdownView MarkdownLLMs.txt Choose a framework or tool. For package setup, see the installation guide. Application frameworksAngularImport packages in an Angular app.AstroUse Astro’s built-in font integration.GatsbySelf-host fonts in Gatsby.LaravelAdd fonts through Laravel’s Vite integration.Next.jsImport packages in a Next.js app.NuxtUse the Nuxt Fonts npm provider.QwikImport packages in a Qwik app.React RouterImport packages in Framework Mode.RemixImport packages with Remix and Vite.SvelteKitImport packages in SvelteKit.VueImport packages in a Vue app.UI and stylingChakra UIAdd a font to a Chakra UI theme.Material UISelf-host Material UI’s default Roboto font.Panda CSSConfigure a font in Panda CSS.VuetifyInstall Fontsource Roboto for Vuetify.Build toolsStorybookLoad fonts in stories and docs.ViteBundle CSS and font assets with Vite.WebpackBundle CSS and font files with Webpack.Other integrationsFontsource for FlutterAdd fonts with the Fontsource package.Obsidian pluginInstall fonts with the Fontsource plugin.PreviousMigrating to V5NextAngular