\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",[],"icon","Unexpected behaviour when using an Icon within ClientOnly fallback","2023-12-18T12:08:48Z","https://github.com/nuxt/icon/issues/129",0.7614361,{"description":3035,"labels":3036,"number":3043,"owner":3019,"repository":3019,"state":3044,"title":3045,"updated_at":3046,"url":3047,"score":3048},"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>",[3037,3040],{"name":3038,"color":3039},"available soon","6de8b0",{"name":3041,"color":3042},"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":3050,"labels":3051,"number":3053,"owner":3019,"repository":3019,"state":3044,"title":3054,"updated_at":3055,"url":3056,"score":3057},"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>",[3052],{"name":3041,"color":3042},897,"Including fonts in styles","2023-01-18T15:39:56Z","https://github.com/nuxt/nuxt/issues/897",0.714715,{"description":3059,"labels":3060,"number":3073,"owner":3019,"repository":3074,"state":3044,"title":3075,"updated_at":3076,"url":3077,"score":3078},"### 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",[3061,3064,3067,3070],{"name":3062,"color":3063},"question","d876e3",{"name":3065,"color":3066},"needs reproduction","CB47CF",{"name":3068,"color":3069},"v3","49DCB8",{"name":3071,"color":3072},"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":3080,"labels":3081,"number":3084,"owner":3019,"repository":3019,"state":3044,"title":3085,"updated_at":3086,"url":3087,"score":3088},"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>",[3082,3083],{"name":3038,"color":3039},{"name":3041,"color":3042},1435,"[css-loader] Problem with static files","2023-01-18T15:41:50Z","https://github.com/nuxt/nuxt/issues/1435",0.72638875,{"description":3090,"labels":3091,"number":3095,"owner":3019,"repository":3020,"state":3044,"title":3096,"updated_at":3097,"url":3098,"score":3099},"Coming from #443.\n\n- [x] Return font file priority from `unifont`.\n- [ ] In Nuxt Fonts, skip preloading based on the priority.",[3092],{"name":3093,"color":3094},"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":3101,"labels":3102,"number":3107,"owner":3019,"repository":3019,"state":3044,"title":3108,"updated_at":3109,"url":3110,"score":3111},"### 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>",[3103,3106],{"name":3104,"color":3105},"pending triage","E99695",{"name":3041,"color":3042},5042,"Nuxt 2 - Can not load font (.woff) file","2023-01-22T15:33:01Z","https://github.com/nuxt/nuxt/issues/5042",0.73935837,{"description":3113,"labels":3114,"number":3116,"owner":3019,"repository":3019,"state":3044,"title":3117,"updated_at":3118,"url":3119,"score":3120},"# 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>",[3115],{"name":3041,"color":3042},3420,"highlight-loader Unknown language","2023-01-18T16:24:02Z","https://github.com/nuxt/nuxt/issues/3420",0.7460169,{"description":3122,"labels":3123,"number":3124,"owner":3019,"repository":3020,"state":3044,"title":3125,"updated_at":3126,"url":3127,"score":3128},"I'm trying to use Roboto Serif Variable, from either google or fontsource.\n\nI get the following error in browser console.\n`Refused to apply style from 'https://localhost:4000/_nuxt/virtual:nuxt:xxxxxxxx.nuxt%2Fnuxt-fonts-global.css' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled.`\n\nI'm setting it up in config like so:\n``fonts: {\n families: [\n {name: 'Roboto Serif Variable', provider: 'fontsource'}\n ]\n },``\n\nbut even if i leave this out and let nuxt/fonts decide which provider, it gives the error and thus ignores my weights, like `font-weight: 175`",[],626,"[QUESTION]: How to properly set variable weights of variable font","2025-05-14T14:29:05Z","https://github.com/nuxt/fonts/issues/626",0.74677515,["Reactive",3130],{},["Set"],["ShallowReactive",3133],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fPOBXSx3mjRkA6C-BKWXBZY1QL5RM22T0Hdh9__iHklA":-1},"/nuxt/fonts/619"]