I want to use the same fonts in another page about.js without loading the fonts again How can i import multiple fonts from @next/font/google and use them across pages and components Is there a way i can attach the fonts to particular classes or selectors? An approach to this would be creating a custom font class in your tailwindconfig.js and extending it to your default tailwind theme For example, if you're using google fonts and you want to use the font manrope for a specific header, you can extend the fontfamily variant like so 'manrope', } } } } now, to use this custom class.
I have followed the document and other answers on stackoverflow and github, as well as reading the storybook documentation I have react storybook and want to import manrope font How to resolve issues with next.js failing to download fonts from google fonts and troubleshoot related problems. @import vs link the two options that google font provides are using link and @import So now the question directs toward decision in between @import and link There is already a stack overflow question regarding this comparison and here is a reference from the accepted answer so, it's most preferable to use the link tag that google font provides
WATCH
