N
Nuxt8mo ago
Medim

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?
No description
5 Replies
rxsto
rxsto8mo ago
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
TimKern
TimKern8mo ago
@Medim here is how i added the font to my project. i hope this can help you
No description
No description
Medim
MedimOP8mo ago
thanks for the help guys :salute: And I guess u handle bold by adding ...-bold.woff to the names
TimKern
TimKern8mo ago
-700.woff is bold 😅
Want results from more Discord servers?
Add your server