\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":3043,"number":3053,"owner":3019,"repository":3019,"state":3054,"title":3055,"updated_at":3056,"url":3057,"score":3058},[3044,3047,3050],{"name":3045,"color":3046},"3.x","29bc7f",{"name":3048,"color":3049},"pending triage","E99695",{"name":3051,"color":3052},"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":3060,"labels":3061,"number":3065,"owner":3019,"repository":3020,"state":3054,"title":3066,"updated_at":3067,"url":3068,"score":3069},"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 '/'?",[3062],{"name":3063,"color":3064},"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":3071,"number":3074,"owner":3019,"repository":3019,"state":3054,"title":3075,"updated_at":3076,"url":3077,"score":3078},[3072,3073],{"name":3045,"color":3046},{"name":3048,"color":3049},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":3080,"labels":3081,"number":3085,"owner":3019,"repository":3019,"state":3054,"title":3086,"updated_at":3087,"url":3088,"score":3089},"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>",[3082],{"name":3083,"color":3084},"2.x","d4c5f9",897,"Including fonts in styles","2023-01-18T15:39:56Z","https://github.com/nuxt/nuxt/issues/897",0.69875556,{"description":3091,"labels":3092,"number":3103,"owner":3019,"repository":3019,"state":3054,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### 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_",[3093,3094,3095,3098,3100],{"name":3045,"color":3046},{"name":3063,"color":3064},{"name":3096,"color":3097},"vite","3574D1",{"name":3099,"color":3052},"🔨 p3-minor",{"name":3101,"color":3102},"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":3109,"number":3113,"owner":3019,"repository":3019,"state":3054,"title":3114,"updated_at":3115,"url":3116,"score":3117},[3110,3111,3112],{"name":3045,"color":3046},{"name":3063,"color":3064},{"name":3099,"color":3052},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":3119,"labels":3120,"number":3128,"owner":3019,"repository":3019,"state":3054,"title":3129,"updated_at":3130,"url":3131,"score":3132},"### 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_",[3121,3122,3125],{"name":3045,"color":3046},{"name":3123,"color":3124},"workaround available","11376d",{"name":3126,"color":3127},"❗ 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",3134],{},["Set"],["ShallowReactive",3137],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$feoFf-BU6vhDavHT8RnMMkKlYVIjbxz0UZcAytbirCcM":-1},"/nuxt/fonts/660"]