\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.7316421,{"description":3154,"labels":3155,"number":3156,"owner":3138,"repository":3139,"state":3140,"title":3157,"updated_at":3158,"url":3159,"score":3160},"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.74869734,{"description":3162,"labels":3163,"number":3167,"owner":3138,"repository":3138,"state":3168,"title":3169,"updated_at":3170,"url":3171,"score":3172},"I have style.css\r\n```\r\n* Start Reset */\r\n\r\nbody, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}\r\nfieldset, img {border: 0;}\r\naddress, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal;}\r\ntable {border-collapse: collapse;}\r\nol, ul {list-style: none;}\r\ncaption, th {text-align: left;}\r\nq:before, q:after {content: '';}\r\nabbr, acronym {border: 0;}\r\n\r\n* {margin: 0;padding: 0;}\r\nhtml {height: 100%;}\r\na{text-decoration: none;}\r\nimg {max-width:100%;}\r\nli{list-style: none;}\r\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}\r\ninput[type='submit'], a {outline: none!important;}\r\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}\r\ntextarea {resize: none;}\r\n.clr{clear:both;}\r\n\r\n/* End Reset */\r\n\r\n/* Start Подключение шрифтов */\r\n\r\n/* font-family: \"OpenSansRegular\"; */\r\n@font-face {\r\n\tfont-family: \"OpenSansRegular\";\r\n\tsrc: url(\"fonts/OpenSansRegular/OpenSansRegular.eot\");\r\n\tsrc: url(\"fonts/OpenSansRegular/OpenSansRegular.eot?#iefix\")format(\"embedded-opentype\"),\r\n\turl(\"fonts/OpenSansRegular/OpenSansRegular.woff\") format(\"woff\"),\r\n\turl(\"fonts/OpenSansRegular/OpenSansRegular.ttf\") format(\"truetype\");\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n}\r\n/* font-family: \"OpenSans-Italic\"; */\r\n@font-face {\r\n\tfont-family: \"OpenSans-Italic\";\r\n\tsrc: url(\"fonts/OpenSans-Italic/OpenSans-Italic.eot\");\r\n\tsrc: url(\"fonts/OpenSans-Italic/OpenSans-Italic.eot?#iefix\")format(\"embedded-opentype\"),\r\n\turl(\"fonts/OpenSans-Italic/OpenSans-Italic.woff\") format(\"woff\"),\r\n\turl(\"fonts/OpenSans-Italic/OpenSans-Italic.ttf\") format(\"truetype\");\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n}\r\n/* font-family: \"OpenSans-Semibold\"; */\r\n@font-face {\r\n\tfont-family: \"OpenSans-Semibold\";\r\n\tsrc: url(\"fonts/OpenSans-Semibold/OpenSans-Semibold.eot\");\r\n\tsrc: url(\"fonts/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix\")format(\"embedded-opentype\"),\r\n\turl(\"fonts/OpenSans-Semibold/OpenSans-Semibold.woff\") format(\"woff\"),\r\n\turl(\"fonts/OpenSans-Semibold/OpenSans-Semibold.ttf\") format(\"truetype\");\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n}\r\n/* font-family: \"PTRoubleSans\"; */\r\n@font-face {\r\n\tfont-family: \"PTRoubleSans\";\r\n\tsrc: url(\"fonts/PTRoubleSans/PTRoubleSans.eot\");\r\n\tsrc: url(\"fonts/PTRoubleSans/PTRoubleSans.eot?#iefix\")format(\"embedded-opentype\"),\r\n\turl(\"fonts/PTRoubleSans/PTRoubleSans.woff\") format(\"woff\"),\r\n\turl(\"fonts/PTRoubleSans/PTRoubleSans.ttf\") format(\"truetype\");\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n}\r\n\r\n/* End Подключение шрифтов */\r\n\r\n/* Start Body */\r\n\r\nbody {font-family: \"OpenSansRegular\", sans-serif;font-size: 13px;}\r\n.select_list, .select_list_radio input[type=\"radio\"]:checked + label, .select_list_radio input[type=\"radio\"], .hidden {display: none;}\r\n.border{fill:none;stroke:#333;stroke-miterlimit:10;}\r\n.body{fill:#666;}\r\n.body_home{fill:#333;}\r\n.bodyW, .apple, .android, .windows{fill:#fff;}\r\n.smart{fill:none;stroke:#fff;stroke-miterlimit:10;}\r\n.star{fill:none;stroke:#666;stroke-miterlimit:10;stroke-width:0.75px;}\r\n.red{fill: none;stroke: #f35001;stroke-miterlimit: 10;}\r\n.green{fill: none;stroke: #47a847;stroke-miterlimit: 10;}\r\n.wrap_header{height: 60px;background-color: #f5f5f5;-moz-box-shadow: 0 3px 10px rgba(204,204,204,.5);-webkit-box-shadow: 0 3px 10px rgba(204,204,204,.5);box-shadow: 0 3px 10px rgba(204,204,204,.5);}\r\n\r\netc.\r\n```\r\nMy nuxt.config.js\r\n\r\n```\r\nmodule.exports = {\r\n head: {\r\n meta: [\r\n {charset: 'utf-8'},\r\n {'http-equiv': 'X-UA-Compatible', content: 'IE=edge'}\r\n ]\r\n },\r\n css: [\r\n 'hover.css/css/hover-min.css',\r\n 'bulma/css/bulma.css',\r\n {src: \"~/assets/style.css\", lang: 'sass'}\r\n ],\r\n build: {\r\n extractCSS: true\r\n }\r\n};\r\n```\r\n\r\nAnd my package.json\r\n\r\n```\r\n{\r\n \"name\": \"mynuxt\",\r\n \"version\": \"1.0.0\",\r\n \"description\": \"\",\r\n \"main\": \"index.js\",\r\n \"scripts\": {\r\n \"dev\": \"nuxt\",\r\n \"build\": \"nuxt build\",\r\n \"start\": \"nuxt start\",\r\n \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\r\n },\r\n \"author\": \"\",\r\n \"license\": \"ISC\",\r\n \"dependencies\": {\r\n \"bulma\": \"^0.5.1\",\r\n \"hover.css\": \"^2.2.0\",\r\n \"node-sass\": \"^4.5.3\",\r\n \"nuxt\": \"^0.10.6\",\r\n \"sass-loader\": \"^6.0.6\",\r\n \"vue-style-loader\": \"^3.0.1\"\r\n }\r\n}\r\n\r\n```\r\n\r\n\r\nHow including file style.css to the nuxt?\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/c1240\">#c1240\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3164],{"name":3165,"color":3166},"2.x","d4c5f9",1398,"closed","How including fonts in css","2023-01-18T15:41:44Z","https://github.com/nuxt/nuxt/issues/1398",0.7141836,{"labels":3174,"number":3179,"owner":3138,"repository":3138,"state":3168,"title":3180,"updated_at":3181,"url":3182,"score":3183},[3175,3178],{"name":3176,"color":3177},"pending triage","E99695",{"name":3165,"color":3166},6306,"Color names in CSS font-family attribute being convered to HEX code only on generate","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6306",0.7273928,{"description":3185,"labels":3186,"number":3199,"owner":3138,"repository":3138,"state":3168,"title":3200,"updated_at":3201,"url":3202,"score":3203},"### Environment\n\n❯ npx nuxi info\r\n[15:27:51] Working directory: /home/projects/aonikwpkw.github\r\n[15:27:51] Nuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.5\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n[15:27:51] 👉 Report an issue: https://github.com/nuxt/nuxt/issues/new\r\n\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n👉 Read documentation: https://nuxt.com\n\n### Reproduction\n\nCreate file app.vue\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtPage />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nCreate file pages/home.vue\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CMy>\u003C/My> \r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport My from '../my.vue'\r\n\u003C/script>\r\n```\r\n\r\nCreate file my.vue\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Csection class=\"my\">\r\n my\r\n \u003C/section>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\n console.log('my')\r\n\u003C/script>\r\n\u003Cstyle>\r\n.my {\r\n display: flex;\r\n}\r\n\u003C/style>\r\n```\r\n\r\n\r\nyarn build\r\nyarn start\n\n### Describe the bug\n\nwith lang=\"ts\" - no style tag\r\n\u003Cimg width=\"1721\" alt=\"Снимок экрана 2024-03-27 в 15 47 43\" src=\"https://github.com/nuxt/nuxt/assets/40139618/60eebed4-9576-4d03-b3fc-c3196bf90eb0\">\r\n\r\nwithout lang=\"ts\" - has style tag\r\n\u003Cimg width=\"1723\" alt=\"Снимок экрана 2024-03-27 в 15 50 04\" src=\"https://github.com/nuxt/nuxt/assets/40139618/16fb3c1f-f155-43d0-b988-e4ffe0d4ebdf\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3187,3190,3193,3196],{"name":3188,"color":3189},"3.x","29bc7f",{"name":3191,"color":3192},"bug","d73a4a",{"name":3194,"color":3195},"🔨 p3-minor","FBCA04",{"name":3197,"color":3198},"inline styles","68AF97",26514,"inlineStyles don't work! script lang=\"ts\"","2024-04-24T10:43:07Z","https://github.com/nuxt/nuxt/issues/26514",0.7332811,{"description":3205,"labels":3206,"number":3207,"owner":3138,"repository":3208,"state":3168,"title":3209,"updated_at":3210,"url":3211,"score":3212},"` \u003CIcon name=\"lucide:arrow-up-wide-narrow\"\n class=\"ml-auto self-center transition-all duration-300 text-xl font-bold\" :stroke-width=\"3\"\nstroke=\"currentColor\" /> `\n\nUnable to use stroke-width does not take effect",[],364,"icon","Unable to use stroke-width does not take effect","2025-05-13T15:27:50Z","https://github.com/nuxt/icon/issues/364",0.73720986,{"description":3214,"labels":3215,"number":3217,"owner":3138,"repository":3138,"state":3168,"title":3218,"updated_at":3219,"url":3220,"score":3221},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.12.3`\r\n- CLI Version: `3.12.0`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `pnpm@9.4.0`\r\n- Builder: `-`\r\n- User Config: `telemetry`, `compatibilityDate`, `runtimeConfig`, `modules`, `future`, `sourcemap`, `devtools`, `site`, `app`, `vite`, `nitro`, `css`, `postcss`, `eslint`, `image`, `content`, `colorMode`, `icon`, `plausible`, `ogImage`, `linkChecker`, `sitemap`\r\n- Runtime Modules: `@nuxt/content@2.13.0`, `@nuxt/devtools@1.3.9`, `@nuxt/eslint@0.3.13`, `@nuxt/fonts@0.7.1`, `@nuxt/icon@1.0.0`, `@nuxt/image@1.7.0`, `@nuxtjs/plausible@1.0.0`, `@nuxtjs/seo@2.0.0-rc.11`, `@eschricht/nuxt-color-mode@1.0.5`, `@unocss/nuxt@0.61.0`, `@vueuse/nuxt@10.11.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nThis is from nuxt.com\r\n\r\n\u003Cimg width=\"499\" alt=\"Screenshot 2024-07-04 at 17 00 47\" src=\"https://github.com/nuxt/nuxt/assets/2703233/f02eb091-a9ef-4549-b2ba-eda026508a33\">\r\n\r\n\u003Cimg width=\"973\" alt=\"Screenshot 2024-07-04 at 17 52 27\" src=\"https://github.com/nuxt/nuxt/assets/2703233/73e7e40a-4948-4d85-b9f0-89be1dc208d3\">\r\n\r\n### Describe the bug\r\n\r\nWith `nuxt@3.12.3` and\r\n\r\n```\r\nfuture: {\r\n compatibilityVersion: 4,\r\n}\r\n```\r\n\r\nit seems like `inlineStyles` should be enabled by default (I also tested with explicitly setting it in `future`), but I still get stylesheets linked on my landing page ([Promptmetheus](https://promptmetheus.com)) and Google Pagespeed complains about it.\r\n\r\n\u003Cimg width=\"502\" alt=\"Screenshot 2024-07-04 at 17 05 22\" src=\"https://github.com/nuxt/nuxt/assets/2703233/83278607-624a-476c-816d-16455f609bdd\">\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3216],{"name":3176,"color":3177},28029,"Is inlining styles not working?","2024-07-04T17:24:25Z","https://github.com/nuxt/nuxt/issues/28029",0.73930013,{"description":3223,"labels":3224,"number":3231,"owner":3138,"repository":3232,"state":3168,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Description\n\nHi 👋 and thank you for the amazing work on v3!\n\nI noticed that in v3 many component have an `as` prop that is directly bound to the `as` prop of a component from RekaUI (in many cases, `Primitive`). In NuxtUI, this prop is always typed as `any | undefined`, whereas in RekaUI the type is more constrained (a string representing a HTML tag, or a component). This can cause TypeScript, and, as a consequence, linters and IDEs, to miss some obvious errors, like if someone were to write\n\n```vue\n\u003CUInput :as=\"1\" />\n```\n\nThe `as` prop type could be retrieved from the RekaUI component prop type directly using something like this\n\n```ts\ninterface InputProps {\n as?: InstanceProps\u003Ctypeof Primitive>['$props']['as']\n // Other props...\n}\n```\n\nIs there a reason that eludes me as to why this was not done?\n\nIf this seems like a good idea, I'd be happy to submit a PR.\n\nCheers!",[3225,3228],{"name":3226,"color":3227},"question","d876e3",{"name":3229,"color":3230},"v3","49DCB8",3068,"ui","[v3] `as` props typing","2025-01-10T17:28:25Z","https://github.com/nuxt/ui/issues/3068",0.7396223,{"description":3238,"labels":3239,"number":3240,"owner":3138,"repository":3139,"state":3168,"title":3241,"updated_at":3242,"url":3243,"score":3244},"I'm trying to use Source Sans 3, but can't seem to make it work.\n\nOther fonts are working, but not Source Sans 3. Do I have to use another name, like \u003Chttps://github.com/nuxt/fonts/issues/75#issuecomment-2016858320>.\n\nI've created a stackblitz: \u003Chttps://stackblitz.com/edit/github-kp1zhn1t?file=nuxt.config.ts>. Note I've limited the provider to `'google'`.\n\nThanks!",[],673,"Source Sans 3 not working","2025-08-09T09:24:09Z","https://github.com/nuxt/fonts/issues/673",0.7418476,["Reactive",3246],{},["Set"],["ShallowReactive",3249],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fSWW7RyNhqfTt-cPvUwqH5XpQOAJuGl2f2s1mYIgKGbw":-1},"/nuxt/fonts/649"]