\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":3061,"number":3071,"owner":3019,"repository":3019,"state":3072,"title":3073,"updated_at":3074,"url":3075,"score":3076},[3062,3065,3068],{"name":3063,"color":3064},"3.x","29bc7f",{"name":3066,"color":3067},"pending triage","E99695",{"name":3069,"color":3070},"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":3078,"labels":3079,"number":3084,"owner":3019,"repository":3019,"state":3072,"title":3085,"updated_at":3086,"url":3087,"score":3088},"### 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>",[3080,3081],{"name":3066,"color":3067},{"name":3082,"color":3083},"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":3090,"labels":3091,"number":3093,"owner":3019,"repository":3019,"state":3072,"title":3085,"updated_at":3094,"url":3095,"score":3096},"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>",[3092],{"name":3082,"color":3083},5041,"2023-01-18T20:10:40Z","https://github.com/nuxt/nuxt/issues/5041",0.7036633,{"description":3098,"labels":3099,"number":3103,"owner":3019,"repository":3020,"state":3072,"title":3104,"updated_at":3105,"url":3106,"score":3107},"Coming from #443.\n\n- [x] Return font file priority from `unifont`.\n- [ ] In Nuxt Fonts, skip preloading based on the priority.",[3100],{"name":3101,"color":3102},"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":3109,"labels":3110,"number":3112,"owner":3019,"repository":3019,"state":3072,"title":3113,"updated_at":3114,"url":3115,"score":3116},"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>",[3111],{"name":3082,"color":3083},897,"Including fonts in styles","2023-01-18T15:39:56Z","https://github.com/nuxt/nuxt/issues/897",0.7057406,{"description":3118,"labels":3119,"number":3126,"owner":3019,"repository":3019,"state":3072,"title":3127,"updated_at":3128,"url":3129,"score":3130},"### 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_",[3120,3121,3122,3125],{"name":3063,"color":3064},{"name":3066,"color":3067},{"name":3123,"color":3124},"upstream","E8A36D",{"name":3069,"color":3070},25045,"[Nuxt 3.9] - Hydration STYLE mismatch","2024-01-05T08:42:27Z","https://github.com/nuxt/nuxt/issues/25045",0.7131066,["Reactive",3132],{},["Set"],["ShallowReactive",3135],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGRL1D3AwB1FYNaBa1y7k9LWJzc26J7Pu8pdZ9dCOfpg":-1},"/nuxt/fonts/634"]