How can I setup this font using nuxt/fonts
I got chesna grotesk and I'm having some difficulties using it with nuxt/fonts, How can I add it to my project considering the fonts dir in the picture?
I would need to add every single one of them in the fonts.families in nuxt.config.ts?

5 Replies
https://github.com/nuxt/fonts?tab=readme-ov-file#local
As you can read here, nuxt/fonts tries to find fonts mentioned in
font-family
in your public folder, but it requires a certain naming scheme to work. You'd have to rename and reorder your font files for them to be properly analyzed.GitHub
GitHub - nuxt/fonts: Plug-and-play web font optimization and config...
Plug-and-play web font optimization and configuration for Nuxt apps. - nuxt/fonts
@Medim here is how i added the font to my project. i hope this can help you


thanks for the help guys :salute:
And I guess u handle bold by adding
...-bold.woff
to the names-700.woff is bold 😅
yeah, i meant italic, mb
Any idea about this?
https://discord.com/channels/473401852243869706/1228182432499499008/1228182432499499008