N
Nuxt•3mo 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
rxsto•3mo 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
TimKern•3mo ago
@Medim here is how i added the font to my project. i hope this can help you
No description
No description
Medim
Medim•3mo ago
thanks for the help guys :salute: And I guess u handle bold by adding ...-bold.woff to the names
TimKern
TimKern•3mo ago
-700.woff is bold 😅
Medim
Medim•3mo ago
Want results from more Discord servers?
Add your server
More Posts
Nuxt Content ContentSlot and "property was accessed but is not defined"For Nuxt Content I wrote a simple card component that wraps Nuxt UI's "UCard" so that in markdown I Reuse pages?Good evening! I have a set of pages I would like to use in different locations, without duplicationEvent name from variableI was wondering if there was a way of emitting an event whose name comes from a variable. For instanInfinite building time when deploying on VercelHi, I have been working on a website using Nuxt a year ago and now I tried updating the Vercel buildTasks that require use of node modules.I need to generate menu for a Nuxt pages inside /pages/abc/ directory, what options do we have for tPagination files/folder duplicated code between root and pages?I have been working with nuxt 3 and nuxt content and trying to add pagination. from the picture yoFile hashes change even when contents doesn'tWe've been noticing when using Nuxt3/Vite, every time a build is created, all filenames change even Rendering a component in server routesHi! I'd like to return the html of a rendered component in a server route (e.g. `/images/logo` -> shDynamic server routes not workingI'm trying to get the displayed route structure working in my `server/api` directory, but nuxt (or iNuxt environment variables load array of objectsI have a runtimeConfig which includes a list of my projects. They are accessible via NUXT_PUBLIC_PRO