\n\n\u003C/details> \n\n\u003Cdetails>\u003Csummary>How it should look\u003C/summary>\n\n\u003Cimg width=\"528\" height=\"130\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/8c9016c9-cdc0-4815-90f2-876fc18d080a\" />\n\n\u003C/details> \n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-fonts-variable?file=nuxt.config.ts",[],666,"Variable fonts doesn't work","2025-07-22T07:58:01Z","https://github.com/nuxt/fonts/issues/666",0.71452755,{"labels":3164,"number":3174,"owner":3140,"repository":3140,"state":3175,"title":3176,"updated_at":3177,"url":3178,"score":3179},[3165,3168,3171],{"name":3166,"color":3167},"3.x","29bc7f",{"name":3169,"color":3170},"pending triage","E99695",{"name":3172,"color":3173},"needs reproduction","FBCA04",14175,"closed","Bug with importing fonts in `nuxt.config.ts` ","2023-01-19T17:27:06Z","https://github.com/nuxt/nuxt/issues/14175",0.6895136,{"description":3181,"labels":3182,"number":3186,"owner":3140,"repository":3141,"state":3175,"title":3187,"updated_at":3188,"url":3189,"score":3190},"When I set the nuxt baseURL (I set it at run time via the NUXT_APP_BASE_URL env var), nuxt/fonts can no longer access its cached fonts.\r\n\r\nIt appears that it always sets the font url to start with /_fonts no matter what, rather than \u003CbaseURL>/_fonts. While I didn't try I assume cdnURL will also not work with nuxt fonts.\r\n\r\nWhile I need to set the NUXT_APP_BASE_URL at runtime, as a test I tried rebuilding the app with the fonts.assets.prefix setting hard coded to /prefix/_fonts and running it with NUXT_APP_BASE_URL=/prefix/, but fonts.assets.prefix changed the path of the fonts within the public directory, not the URL through which the fonts are accessed.\r\n\r\nIs there any way to use nuxt fonts with a baseUrl set to anything but '/'?",[3183],{"name":3184,"color":3185},"bug","d73a4a",147,"nuxt/fonts does not honour the nuxt baseUrl setting","2024-09-11T21:42:38Z","https://github.com/nuxt/fonts/issues/147",0.69359213,{"labels":3192,"number":3195,"owner":3140,"repository":3140,"state":3175,"title":3196,"updated_at":3197,"url":3198,"score":3199},[3193,3194],{"name":3166,"color":3167},{"name":3169,"color":3170},14261,"Nuxt 3 preloads all pages, styles, fonts, svg. Adds everything in head to rel=\"prefetch\"","2023-01-19T17:31:42Z","https://github.com/nuxt/nuxt/issues/14261",0.6984263,{"description":3201,"labels":3202,"number":3206,"owner":3140,"repository":3140,"state":3175,"title":3207,"updated_at":3208,"url":3209,"score":3210},"There might be a solution for this, but I have looked through all the issues and could not find mention of this particular issue (though https://github.com/nuxt/nuxt.js/issues/872 might be relevant).\r\n\r\nIn my `assets/styles/global.scss` file I reference fonts stored at `assets/fonts/keiser`.\r\n```\r\n@font-face {\r\n font-family: \"Keiser\";\r\n src: url(\"~assets/fonts/keiser/keiser-webfont.eot\");\r\n src: url(\"~assets/fonts/keiser/keiser-webfont.eot\") format(\"embedded-opentype\"), \r\n url(\"~assets/fonts/keiser/keiser-webfont.woff\") format(\"woff\"), \r\n url(\"~assets/fonts/keiser/keiser-webfont.ttf\") format(\"truetype\");\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n```\r\nWhich then results in this error:\r\n```\r\n error in ./assets/fonts/keiser/keiser-webfont.woff\r\n\r\nModule parse failed: D:\\Development\\Keiser\\Keiser.Metrics\\Keiser.Metrics.Web\\assets\\fonts\\keiser\\keiser-webfont.woff Unexpected character ' ' (1:8)\r\nYou may need an appropriate loader to handle this file type.\r\n(Source code omitted for this binary file)\r\n\r\n @ ./~/css-loader?sourceMap!./~/sass-loader/lib/loader.js?sourceMap!./assets/styles/global.scss 6:281-331\r\n @ ./assets/styles/global.scss\r\n @ ./~/babel-loader/lib?{\"presets\":[\"vue-app\"],\"babelrc\":false,\"cacheDirectory\":true}!./~/vue-loader/lib/selector.js?type=script&index=0!./.nuxt/App.vue\r\n @ ./.nuxt/App.vue\r\n @ ./.nuxt/index.js\r\n @ ./.nuxt/client.js\r\n @ multi webpack-hot-middleware/client?reload=true ./.nuxt/client.js\r\n```\r\nWe would normally use [resolve-url-loader](https://github.com/bholloway/resolve-url-loader) to solve this issue. I see that there are a few ways to override loaders, but none of the ones I tried would work (and most seemed to be ignored for this file). Is there a method for overriding the loader for this file?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c767\">#c767\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3203],{"name":3204,"color":3205},"2.x","d4c5f9",897,"Including fonts in styles","2023-01-18T15:39:56Z","https://github.com/nuxt/nuxt/issues/897",0.69875556,{"description":3212,"labels":3213,"number":3224,"owner":3140,"repository":3140,"state":3175,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: app, devtools, css\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n[3.11 repro](https://stackblitz.com/edit/github-mrq86l-sgzphx?file=assets%2Fcss%2Fmain.css)\r\n\r\nCompare with Nuxt 3.10: [working repro](https://stackblitz.com/edit/github-mrq86l-tnuvd6?file=assets%2Fcss%2Fmain.css)\n\n### Describe the bug\n\nPreviously on 3.10, CSS files listed in the Nuxt config `css` property that have `url('/...')` in them would have those URLs automatically prefixed in the build step if `app.cdnURL` is set. The output `entry-styles.[hash].mjs` contained a line like this:\r\n\r\n```js\r\nconst main = \"@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(\" + publicAssetsURL(\"pxiEyp8kv8JHgFVrJJfecg.woff2\") + \")}*{font-family:Poppins}\";\r\n```\r\n\r\nOn 3.11, this step is skipped:\r\n\r\n```js\r\nconst main = \"@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/pxiEyp8kv8JHgFVrJJfecg.woff2)}*{font-family:Poppins}\";\r\n```\r\n\r\nThe result is that our app doesn't find these files. It's possible that I should be using a different pattern, but I do know that 3.11 came with [changes to public asset handling](https://nuxt.com/blog/v3-11#public-assets-handling) so I'm not sure if it's me or if it's related to that change.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3214,3215,3216,3219,3221],{"name":3166,"color":3167},{"name":3184,"color":3185},{"name":3217,"color":3218},"vite","3574D1",{"name":3220,"color":3173},"🔨 p3-minor",{"name":3222,"color":3223},"inline styles","68AF97",26895,"app.cdnURL not applied to URLs in global CSS files","2024-05-23T14:34:07Z","https://github.com/nuxt/nuxt/issues/26895",0.7001249,{"labels":3230,"number":3234,"owner":3140,"repository":3140,"state":3175,"title":3235,"updated_at":3236,"url":3237,"score":3238},[3231,3232,3233],{"name":3166,"color":3167},{"name":3184,"color":3185},{"name":3220,"color":3173},13778,"Nuxt 3 prefetch all assets from every pages and every layouts.","2024-04-25T13:54:53Z","https://github.com/nuxt/nuxt/issues/13778",0.71047974,{"description":3240,"labels":3241,"number":3249,"owner":3140,"repository":3140,"state":3175,"title":3250,"updated_at":3251,"url":3252,"score":3253},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.2.0\r\n- Nuxt Version: 3.6.0\r\n- Nitro Version: 2.5.1\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: $production, css, runtimeConfig, vue, typescript, modules, nitro, vite\r\n- Runtime Modules: @nuxtjs/google-fonts@3.0.1, nuxt-jsonld@2.0.8\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/custom-fonts?file=app.vue\r\n\r\nRun\r\n\r\n```\r\n$ npm run build\r\n$ node .output/server/index.mjs\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen I reference a custom font in a CSS file, it works in the development environment. However, when I build the project for production, it appears that the font is not included in the production build.\r\n\r\nNote this problem only occurs in the newest Nuxt release, version 3.6\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3242,3243,3246],{"name":3166,"color":3167},{"name":3244,"color":3245},"workaround available","11376d",{"name":3247,"color":3248},"❗ p4-important","D93F0B",21784,"Fonts are not included in production build","2023-06-26T12:31:28Z","https://github.com/nuxt/nuxt/issues/21784",0.71152383,["Reactive",3255],{},["Set"],["ShallowReactive",3258],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$feoFf-BU6vhDavHT8RnMMkKlYVIjbxz0UZcAytbirCcM":-1},"/nuxt/fonts/660"]