\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.8022139,{"description":3088,"labels":3089,"number":3090,"owner":3021,"repository":3022,"state":3091,"title":3092,"updated_at":3093,"url":3094,"score":3095},"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,"closed","[QUESTION]: How to properly set variable weights of variable font","2025-05-14T14:29:05Z","https://github.com/nuxt/fonts/issues/626",0.73826516,{"description":3097,"labels":3098,"number":3099,"owner":3021,"repository":3100,"state":3091,"title":3101,"updated_at":3102,"url":3103,"score":3104},"- [ ] Roobert font looses it's \"modern\" look on bold weights, I'd use max Semi Bold weight for it in every heading (add more font size instead)\n- [ ] Roobert font has lot's of stylistic set options, like this, compare \"y\" (font-feature-settings: \"ss03\")\n\n\u003Cimg width=\"641\" alt=\"Screenshot 2022-04-05 at 18 07 38\" src=\"https://user-images.githubusercontent.com/45076741/161789876-797bcaa2-a13d-464c-915f-78ecc265f282.png\">\n\n\u003Cimg width=\"641\" alt=\"Screenshot 2022-04-05 at 18 07 24\" src=\"https://user-images.githubusercontent.com/45076741/161789900-aee7f3d2-bc4c-44de-a229-cb6d024ad237.png\">\n\n- [ ] show dropdown on header navigation links on hover, instead of click (#285)\n- [x] dropdown surface looks blurred with background and header, especially on small screens (border/shadow/background/positioning to show it's floating surface could fix this)\n\n\u003Cimg width=\"1019\" alt=\"Screenshot 2022-04-05 at 18 29 57\" src=\"https://user-images.githubusercontent.com/45076741/161790191-27f36aaf-9b76-438a-a981-7d8fb75450d5.png\">\n\n- [ ] white/black contrast button in header looks like it has broken color mode styling (I think primary color is better for CTA)\n- [x] hamburger menu icon is boring and too small\n- [x] different container padding for header and overlaying mobile menu (open/close hamburger button sitting in different places)\n\nhttps://user-images.githubusercontent.com/45076741/161790407-db405256-5b76-4897-b582-aa4c83f8023d.mp4\n\n\n- [x] text size is too small in lot's of places (overlay navigation menu, ...). can hardly read it, also small tap area for touch screens\n\n\u003Cimg width=\"432\" alt=\"Screenshot 2022-04-05 at 18 33 03\" src=\"https://user-images.githubusercontent.com/45076741/161790852-2b8a4087-828e-40b3-b0b1-aaa8372d2d85.png\">\n\n- [x] overlay scrim background is too light in dark mode\n\n\u003Cimg width=\"718\" alt=\"Screenshot 2022-04-05 at 18 34 21\" src=\"https://user-images.githubusercontent.com/45076741/161791059-dfd5a3c8-8054-4ad7-be65-267efe6b206a.png\">\n\n- [ ] native scrollbars looks bad in dark mode (nuxtlabs/nuxt.com#287)\n- [ ] nested navigation in mobile overlay menu looks crowded because of vertical line effect (nuxtlabs/nuxt.com#297)\n\n\u003Cimg width=\"718\" alt=\"Screenshot 2022-04-05 at 18 35 04\" src=\"https://user-images.githubusercontent.com/45076741/161791303-b529765d-8eaf-476e-ac25-3149779166b3.png\">\n\n- [x] ToC is missing on mobile view\n- [x] ToC scrollspy doesn't work\n- [x] not sure about putting Prev/Next in ToC\n- [x] what Play button in ToC means?\n\n\u003Cimg width=\"267\" alt=\"Screenshot 2022-04-05 at 18 36 22\" src=\"https://user-images.githubusercontent.com/45076741/161791589-031ea821-a949-4155-9a72-3c7bcfb0c8a5.png\">\n\n- [ ] nested ToC items has unreadable text size\n- [x] scroll to top on click on ToC items (and text headings) is broken\n- [x] right aligning and truncating of ToC items looks weird\n\n\u003Cimg width=\"214\" alt=\"Screenshot 2022-04-05 at 18 23 22\" src=\"https://user-images.githubusercontent.com/45076741/161791724-2bd0e03e-8d17-4c11-a3c0-a85419b6f3fd.png\">\n\n- [ ] prose text font size is too small\n- [ ] prose underlines in headings interfere reading (maybe adding some space will fix, but I'd remove it completely)\n- [ ] prose no hover effect on clickable headings\n- [ ] prose code snippets highlightning doesn't feel like a part of whole design\n\nMore general suggestions:\n- [ ] full screen container, without max-width\n- [ ] much bigger font sizes almost everywhere, including buttons\n- [ ] do not use very bold Roobert\n",[],272,"nuxt.com","Visual/UX review","2022-07-04T13:36:44Z","https://github.com/nuxt/nuxt.com/issues/272",0.76056296,{"description":3106,"labels":3107,"number":3099,"owner":3021,"repository":3111,"state":3091,"title":3112,"updated_at":3113,"url":3114,"score":3104},"### 📚 What are you trying to do?\n\nAs I understand it, @nuxt/script should give better performance using the embedded third-party scripts.\r\n\r\nHowever when I use GTM or GoogleAnalytics I see the same hit in PageSpeed reports as using the \"vanilla\" scripts:\r\n\r\n\r\nI've done the simple implementation of adding this in my App.vue:\r\nGTM:\r\n```\r\nuseScriptGoogleTagManager({\r\n id: 'GTM-WHHKRNTJ',\r\n})\r\n```\r\n\r\nGoogle Analytics:\r\n```\r\nuseScriptGoogleAnalytics({\r\n id: 'G-0HXKBMGTW0',\r\n})\r\n```\r\n\r\nHave I misunderstood the concept of this package?\n\n### 🔍 What have you tried?\n\n_No response_\n\n### ℹ️ Additional context\n\n_No response_",[3108],{"name":3109,"color":3110},"help wanted","008672","scripts","No performance gain using GTM / Google Analytics","2024-11-09T05:04:35Z","https://github.com/nuxt/scripts/issues/272",["Reactive",3116],{},["Set"],["ShallowReactive",3119],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fv978azVBFooxkxwdVFoCQyfFF7AI7Tt9hFXJyJVu3F8":-1},"/nuxt/fonts/640"]