\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.72082895,{"labels":3182,"number":3192,"owner":3140,"repository":3140,"state":3193,"title":3194,"updated_at":3195,"url":3196,"score":3197},[3183,3186,3189],{"name":3184,"color":3185},"3.x","29bc7f",{"name":3187,"color":3188},"pending triage","E99695",{"name":3190,"color":3191},"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.6931576,{"description":3199,"labels":3200,"number":3205,"owner":3140,"repository":3140,"state":3193,"title":3206,"updated_at":3207,"url":3208,"score":3209},"### Version\n\n[v2.4.3](https://github.com/nuxt.js/releases/tag/v2.4.3)\n\n### Reproduction link\n\n[https://user-images.githubusercontent.com/4768095/52838878-ba8f9100-3126-11e9-9dea-8c6f2d98bf1d.png](https://user-images.githubusercontent.com/4768095/52838878-ba8f9100-3126-11e9-9dea-8c6f2d98bf1d.png)\n\n### Steps to reproduce\n\nHi guys,\n\nI'm using ElementUI and [custom-theme](https://element.eleme.io/#/en-US/component/custom-theme)\n\nBut I saw error with file font.\n\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8666\">#c8666\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3201,3202],{"name":3187,"color":3188},{"name":3203,"color":3204},"2.x","d4c5f9",5042,"Nuxt 2 - Can not load font (.woff) file","2023-01-22T15:33:01Z","https://github.com/nuxt/nuxt/issues/5042",0.7032319,{"description":3211,"labels":3212,"number":3214,"owner":3140,"repository":3140,"state":3193,"title":3206,"updated_at":3215,"url":3216,"score":3217},"Hi guys,\r\n\r\nI'm using ElementUI and [custom-theme](https://element.eleme.io/#/en-US/component/custom-theme)\r\n\r\nBut I saw error with file font.\r\n\r\n\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8665\">#c8665\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3213],{"name":3203,"color":3204},5041,"2023-01-18T20:10:40Z","https://github.com/nuxt/nuxt/issues/5041",0.7036633,{"description":3219,"labels":3220,"number":3224,"owner":3140,"repository":3141,"state":3193,"title":3225,"updated_at":3226,"url":3227,"score":3228},"Coming from #443.\n\n- [x] Return font file priority from `unifont`.\n- [ ] In Nuxt Fonts, skip preloading based on the priority.",[3221],{"name":3222,"color":3223},"good first issue","7057ff",508,"Should not preload fallback fonts","2025-05-09T11:54:48Z","https://github.com/nuxt/fonts/issues/508",0.70404506,{"description":3230,"labels":3231,"number":3233,"owner":3140,"repository":3140,"state":3193,"title":3234,"updated_at":3235,"url":3236,"score":3237},"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>",[3232],{"name":3203,"color":3204},897,"Including fonts in styles","2023-01-18T15:39:56Z","https://github.com/nuxt/nuxt/issues/897",0.7057406,{"description":3239,"labels":3240,"number":3247,"owner":3140,"repository":3140,"state":3193,"title":3248,"updated_at":3249,"url":3250,"score":3251},"### Environment\n\nNuxt 3.9\n\n### Reproduction\n\nI tried to upgrade from 3.8.2 to 3.9 using ```nuxi upgrade```\n\n### Describe the bug\n\nI've run into issue that was not present in 3.8.2:\r\n\r\n Hydration **style** mismatch on \u003C div class...>…\u003C/div> // etc, replaced upon pasting\r\n - rendered on server: style=\"font-size:16px;--spacing:12px;\"\r\n - expected on client: style=\"font-size: 16px; --spacing: 12px\"\r\n\r\nWhat's even more weird is that these properties actually comes from simple props with default values:\r\n(Component simplified for showcase)\r\n```js\r\nwithDefaults(defineProps\u003CProps>(), {\r\n width: 16,\r\n spacing: 12,\r\n});\r\n```\r\n```html\r\n\u003Cdiv :style=\"`font-size: ${width}px; --spacing: ${spacing}px`\" />\r\n```\r\n\r\nIn another component, if style is generated by computed(), it also returns hydration style mismatch.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3241,3242,3243,3246],{"name":3184,"color":3185},{"name":3187,"color":3188},{"name":3244,"color":3245},"upstream","E8A36D",{"name":3190,"color":3191},25045,"[Nuxt 3.9] - Hydration STYLE mismatch","2024-01-05T08:42:27Z","https://github.com/nuxt/nuxt/issues/25045",0.7131066,["Reactive",3253],{},["Set"],["ShallowReactive",3256],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGRL1D3AwB1FYNaBa1y7k9LWJzc26J7Pu8pdZ9dCOfpg":-1},"/nuxt/fonts/634"]