\r\n Loading\r\n \u003C/div>\r\n \u003C/template>\r\n \u003Cdiv class=\"content\" ref=\"someRef\">\r\n This text should NOT be large!\r\n Remove the \u003Cpre>ref=\"someRef\"\u003C/pre> from the parent and it works\r\n \u003C/div>\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\r\n\r\n**Expected behaviour when loading the page:**\r\nA big loading spinner, and, when everything is done loading, some normal text, like this:\r\n\r\n\r\n**Instead,** you get this:\r\n\r\n\r\nWhen you remove the `ref=\"someRef\"` from the content div, it works as expected",[],"nuxt","icon","open","Unexpected behaviour when using an Icon within ClientOnly fallback","2023-12-18T12:08:48Z","https://github.com/nuxt/icon/issues/129",0.76143616,{"description":2873,"labels":2874,"number":2875,"owner":2865,"repository":2876,"state":2867,"title":2877,"updated_at":2878,"url":2879,"score":2880},"In order to reach a near zero-config behavior and to avoid confusion, the default font weight can be set to `400 700` instead of a single `400` in the upcoming v1.12.0 release after unjs/unifont#193 is merged.\n\n@danielroe What do you think?",[],640,"fonts","idea: Font weight should default to `400 700` instead of a single `400`","2025-05-31T09:31:54Z","https://github.com/nuxt/fonts/issues/640",0.763211,{"description":2882,"labels":2883,"number":2884,"owner":2865,"repository":2876,"state":2867,"title":2885,"updated_at":2886,"url":2887,"score":2888},"Hey!\n\nBuilt an application with nuxt originally on my linux machine. I cloned the repo and started developing again on my Windows machine, but came to an issue:\nI load the Source Code Pro font through nuxt fonts with the google provider:\n```ts\nimport pkg from './package.json';\n\nexport default defineNuxtConfig({\n compatibilityDate: '2025-05-15',\n devtools: { enabled: false },\n srcDir: \"src\",\n css: [\n '~/assets/css/main.css',\n '~/assets/css/nerdfonts.css'\n ],\n modules: ['@vueuse/nuxt', '@pinia/nuxt', 'pinia-plugin-persistedstate/nuxt', '@nuxt/fonts'],\n fonts: {\n families: [\n { name: 'Source Code Pro', provider: 'google', subsets: ['latin'] },\n ]\n },\n runtimeConfig: {\n public: {\n version: pkg.version\n }\n }\n});\n```\n\nHowever, on windows, somehow, no errors pops up, just the font doesn't exist in the CSS, I can't use it:\nIt defaults to the default browser font when I only specify \"Source Code Pro\" as family to force it into trying to use it (see screenshots)\n\nAs I previously said: no errors in the console (browser) and terminal. \nThe nuxt-fonts-global.css file that is being loaded into my page is a sourceMap:\n```html\n\u003Cstyle type=\"text/css\" data-vite-dev-id=\"virtual:nuxt:D%3A%2FUtilisateurs%2FAdam%2FDocuments%2Fdev%2FTypeScript%2Fsites%2Fhome-clock%2F.nuxt%2Fnuxt-fonts-global.css\">\n/*# sourceMappingURL=data:application/json;base64,eyJmaWxlIjoidmlydHVhbDpudXh0OkQlM0ElMkZVdGlsaXNhdGV1cnMlMkZBZGFtJTJGRG9jdW1lbnRzJTJGZGV2JTJGVHlwZVNjcmlwdCUyRnNpdGVzJTJGaG9tZS1jbG9jayUyRi5udXh0JTJGbnV4dC1mb250cy1nbG9iYWwuY3NzIiwibWFwcGluZ3MiOiIiLCJuYW1lcyI6W10sInNvdXJjZXMiOltdLCJ2ZXJzaW9uIjozfQ== */\u003C/style>\n```\nI have no idea if this is intended\nI don't know how it looks like on linux, as I haven't tested.\nTo clarify, I used an Arch Linux machine.\n\n\nHere are my versions on my current host:\nWindows 11\nNode 22.14.0\nYarn 1.22.22\nNuxt 3.17.4\nNuxt fonts 0.14.4\n\n\nAny ideas?\nHere is the repo if you want to try that for yourself: https://github.com/TheDogHusky/home-clock\n\n",[],641,"[BUG]: Font does not load in dev on Windows","2025-05-31T16:32:05Z","https://github.com/nuxt/fonts/issues/641",0.7643007,{"description":2890,"labels":2891,"number":2898,"owner":2865,"repository":2865,"state":2899,"title":2900,"updated_at":2901,"url":2902,"score":2903},"Hey there,\r\n\r\nI wanted to add a `link` tag with `rel=\"preload\"` for two fonts that I am using, so that the priority in which they are loaded is higher (especially when coming from a ServiceWorker, since they are currently prioritized as **lowest** — which slows down things).\r\n\r\nI added this to my `nuxt.config.js` inside the `link` array, where all other `link`s are:\r\n\r\n```\r\n{\r\n rel: 'preload',\r\n as: 'font',\r\n crossorigin: 'crossorigin',\r\n type: 'font/woff2',\r\n href: 'fonts/ApercuPro.woff2'\r\n}\r\n```\r\n\r\nThe problem I am experiencing is that the preloaded font is now being loaded **twice**, once the hashed version, the other time the raw, original one as can be seen here:\r\n\r\n\r\n\r\nIdeally, only the hashed version of the file should be referenced inside `href`, just like Nuxt already does this with all other references to that particular file (e.g. `url(/_nuxt/fonts/ApercuPro.5398148.woff2)` inside `style`).\r\n\r\nSorry if I am missing something here and thank you for your feedback in advance. :) Been [a happy user](https://twitter.com/mixn/status/899601973946847232) for a while now. ❤️ Also glad to help in any way, if I can!\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1343\">#c1343\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2892,2895],{"name":2893,"color":2894},"available soon","6de8b0",{"name":2896,"color":2897},"2.x","d4c5f9",1508,"closed","Preloading hashed, static assets with rel=\"preload\"","2023-01-18T15:41:52Z","https://github.com/nuxt/nuxt/issues/1508",0.7120949,{"description":2905,"labels":2906,"number":2908,"owner":2865,"repository":2865,"state":2899,"title":2909,"updated_at":2910,"url":2911,"score":2912},"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>",[2907],{"name":2896,"color":2897},897,"Including fonts in styles","2023-01-18T15:39:56Z","https://github.com/nuxt/nuxt/issues/897",0.71471494,{"description":2914,"labels":2915,"number":2928,"owner":2865,"repository":2929,"state":2899,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Description\n\nThe project reported an error but can run, but each change must wait for the network timeout to run properly\n\n\n\nMy browser works fine\n\n",[2916,2919,2922,2925],{"name":2917,"color":2918},"question","d876e3",{"name":2920,"color":2921},"needs reproduction","CB47CF",{"name":2923,"color":2924},"v3","49DCB8",{"name":2926,"color":2927},"closed-by-bot","ededed",3803,"ui","How do I manually download fonts and put them in what directory for my project?","2025-05-22T02:10:15Z","https://github.com/nuxt/ui/issues/3803",0.72445905,{"description":2935,"labels":2936,"number":2939,"owner":2865,"repository":2865,"state":2899,"title":2940,"updated_at":2941,"url":2942,"score":2943},"Hi,\r\nI have a code:\r\n```\r\n@font-face {\r\n font-family: icomoon;\r\n src: url('/fonts/icomoon/icomoon.woff2') format('woff2');\r\n\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n```\r\n\r\nAfter I updated Nuxt from 0.10.6 to rc5 I got an error:(before update it works)\r\n```\r\n in ./node_modules/css-loader?{\"minimize\":true,\"importLoaders\":1,\"sourceMap\":true,\"root\":\"~\",\"alias\":{\"/static\":\"D://Projects//Vue//***//src//static\",\"/assets\":\"D://Projects//Vue//***//src//assets\"}}!./node_modules/postcss-loader/lib?{\"sourceMap\":true,\"plugins\":[null,null,{\"version\":\"6.0.9\",\"plugins\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],\"postcssPlugin\":\"postcss-cssnext\",\"postcssVersion\":\"6.0.9\"}]}!./node_modules/sass-loader/lib/loader.js?{\"sourceMap\":true}!./src/css/main.scss\r\nModule not found: Error: Can't resolve 'fonts/icomoon/icomoon.woff2' in 'D:\\Projects\\Vue\\Smart Landing\\smart-landing-client\\src\\css'\r\n @ ./node_modules/css-loader?{\"minimize\":true,\"importLoaders\":1,\"sourceMap\":true,\"root\":\"~\",\"alias\":{\"/static\":\"D://Projects//Vue//***//src//static\",\"/assets\":\"D://Projects//Vue//***//src//assets\"}}!./node_modules/postcss-loader/lib?{\"sourceMap\":true,\"plugins\":[null,null,{\"version\":\"6.0.9\",\"plugins\":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],\"postcssPlugin\":\"postcss-cssnext\",\"postcssVersion\":\"6.0.9\"}]}!./node_modules/sass-loader/lib/loader.js?{\"sourceMap\":true}!./src/css/main.scss 6:140737-140775\r\n @ ./src/css/main.scss\r\n @ ./node_modules/babel-loader/lib?{\"presets\":[\"vue-app\",\"stage-0\",\"es2015\"],\"plugins\":[\"transform-decorators-legacy\",\"transform-class-properties\"],\"babelrc\":false,\"cacheDirectory\":true}!./node_modules/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?name=client&reload=true ./.nuxt/client.js\r\n```\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1277\">#c1277\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2937,2938],{"name":2893,"color":2894},{"name":2896,"color":2897},1435,"[css-loader] Problem with static files","2023-01-18T15:41:50Z","https://github.com/nuxt/nuxt/issues/1435",0.72638875,{"description":2945,"labels":2946,"number":2950,"owner":2865,"repository":2876,"state":2899,"title":2951,"updated_at":2952,"url":2953,"score":2954},"Coming from #443.\n\n- [x] Return font file priority from `unifont`.\n- [ ] In Nuxt Fonts, skip preloading based on the priority.",[2947],{"name":2948,"color":2949},"good first issue","7057ff",508,"Should not preload fallback fonts","2025-05-09T11:54:48Z","https://github.com/nuxt/fonts/issues/508",0.73239934,{"description":2956,"labels":2957,"number":2962,"owner":2865,"repository":2865,"state":2899,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### 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>",[2958,2961],{"name":2959,"color":2960},"pending triage","E99695",{"name":2896,"color":2897},5042,"Nuxt 2 - Can not load font (.woff) file","2023-01-22T15:33:01Z","https://github.com/nuxt/nuxt/issues/5042",0.73935837,{"description":2968,"labels":2969,"number":2971,"owner":2865,"repository":2865,"state":2899,"title":2972,"updated_at":2973,"url":2974,"score":2975},"# Using hightlight code error\r\n\r\n\r\n## test.md\r\n\r\n\r\n## nuxt.config.js\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/c7210\">#c7210\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2970],{"name":2896,"color":2897},3420,"highlight-loader Unknown language","2023-01-18T16:24:02Z","https://github.com/nuxt/nuxt/issues/3420",0.7460169,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPOBXSx3mjRkA6C-BKWXBZY1QL5RM22T0Hdh9__iHklA":-1},"/nuxt/fonts/619"]