[{"data":1,"prerenderedAt":524},["ShallowReactive",2],{"navigation_docs":3,"-get-started-installation":34,"-get-started-installation-surround":521},[4,26,30],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Getting Started","/get-started","1.get-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"Installation","/get-started/installation","1.get-started/1.installation",{"title":14,"path":15,"stem":16},"Configuration","/get-started/configuration","1.get-started/2.configuration",{"title":18,"path":19,"stem":20},"Usage","/get-started/usage","1.get-started/3.usage",{"title":22,"path":23,"stem":24},"Providers","/get-started/providers","1.get-started/4.providers",false,{"title":27,"path":28,"stem":29},"Advanced","/advanced","2.advanced",{"title":31,"path":32,"stem":33},"Contributing","/contributing","3.contributing",{"id":35,"title":10,"body":36,"description":515,"extension":516,"links":517,"meta":518,"navigation":307,"path":11,"seo":519,"stem":12,"__hash__":520},"docs/1.get-started/1.installation.md",{"type":37,"value":38,"toc":509},"minimark",[39,44,53,84,88,91,138,149,219,222,233,244,251,367,376,391,400,404,407,506],[40,41,43],"h2",{"id":42},"automatic-installation","Automatic Installation",[45,46,47,48,52],"p",{},"To get started, add ",[49,50,51],"code",{},"@nuxt/fonts"," to your project:",[54,55,60],"pre",{"className":56,"code":57,"language":58,"meta":59,"style":59},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","npx nuxi@latest module add fonts\n","bash","",[49,61,62],{"__ignoreMap":59},[63,64,67,71,75,78,81],"span",{"class":65,"line":66},"line",1,[63,68,70],{"class":69},"sBMFI","npx",[63,72,74],{"class":73},"sfazB"," nuxi@latest",[63,76,77],{"class":73}," module",[63,79,80],{"class":73}," add",[63,82,83],{"class":73}," fonts\n",[40,85,87],{"id":86},"manual-installation","Manual Installation",[45,89,90],{},"Or you can install it manually.",[92,93,94,110,124],"code-group",{},[54,95,98],{"className":56,"code":96,"filename":97,"language":58,"meta":59,"style":59},"pnpm i @nuxt/fonts\n","pnpm",[49,99,100],{"__ignoreMap":59},[63,101,102,104,107],{"class":65,"line":66},[63,103,97],{"class":69},[63,105,106],{"class":73}," i",[63,108,109],{"class":73}," @nuxt/fonts\n",[54,111,114],{"className":56,"code":112,"filename":113,"language":58,"meta":59,"style":59},"yarn add @nuxt/fonts\n","yarn",[49,115,116],{"__ignoreMap":59},[63,117,118,120,122],{"class":65,"line":66},[63,119,113],{"class":69},[63,121,80],{"class":73},[63,123,109],{"class":73},[54,125,128],{"className":56,"code":126,"filename":127,"language":58,"meta":59,"style":59},"npm i @nuxt/fonts\n","npm",[49,129,130],{"__ignoreMap":59},[63,131,132,134,136],{"class":65,"line":66},[63,133,127],{"class":69},[63,135,106],{"class":73},[63,137,109],{"class":73},[45,139,140,141,144,145,148],{},"Then, add it to the ",[49,142,143],{},"modules"," in your ",[49,146,147],{},"nuxt.config",":",[54,150,155],{"className":151,"code":152,"filename":153,"language":154,"meta":59,"style":59},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: [\n    '@nuxt/fonts',\n  ]\n})\n","nuxt.config.ts","ts",[49,156,157,178,190,204,210],{"__ignoreMap":59},[63,158,159,163,166,170,174],{"class":65,"line":66},[63,160,162],{"class":161},"s7zQu","export",[63,164,165],{"class":161}," default",[63,167,169],{"class":168},"s2Zo4"," defineNuxtConfig",[63,171,173],{"class":172},"sTEyZ","(",[63,175,177],{"class":176},"sMK4o","{\n",[63,179,181,185,187],{"class":65,"line":180},2,[63,182,184],{"class":183},"swJcz","  modules",[63,186,148],{"class":176},[63,188,189],{"class":172}," [\n",[63,191,193,196,198,201],{"class":65,"line":192},3,[63,194,195],{"class":176},"    '",[63,197,51],{"class":73},[63,199,200],{"class":176},"'",[63,202,203],{"class":176},",\n",[63,205,207],{"class":65,"line":206},4,[63,208,209],{"class":172},"  ]\n",[63,211,213,216],{"class":65,"line":212},5,[63,214,215],{"class":176},"}",[63,217,218],{"class":172},")\n",[40,220,14],{"id":221},"configuration",[45,223,224,225,228,229,232],{},"If you don't already have it in your ",[49,226,227],{},".gitignore",", go ahead and add the ",[49,230,231],{},".data"," directory:",[54,234,238],{"className":235,"code":236,"filename":227,"language":237,"meta":59,"style":59},"language-ignore shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".data\n","ignore",[49,239,240],{"__ignoreMap":59},[63,241,242],{"class":65,"line":66},[63,243,236],{},[45,245,246,247,250],{},"You can now get started by adding a ",[49,248,249],{},"font-family"," declaration to your CSS. ✨",[54,252,256],{"className":253,"code":254,"language":255,"meta":59,"style":59},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv>\n    Hello Nuxt Fonts!\n  \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\ndiv {\n  font-family: Roboto, sans-serif;\n}\n\u003C/style>\n","vue",[49,257,258,269,279,284,293,302,309,323,331,352,358],{"__ignoreMap":59},[63,259,260,263,266],{"class":65,"line":66},[63,261,262],{"class":176},"\u003C",[63,264,265],{"class":183},"template",[63,267,268],{"class":176},">\n",[63,270,271,274,277],{"class":65,"line":180},[63,272,273],{"class":176},"  \u003C",[63,275,276],{"class":183},"div",[63,278,268],{"class":176},[63,280,281],{"class":65,"line":192},[63,282,283],{"class":172},"    Hello Nuxt Fonts!\n",[63,285,286,289,291],{"class":65,"line":206},[63,287,288],{"class":176},"  \u003C/",[63,290,276],{"class":183},[63,292,268],{"class":176},[63,294,295,298,300],{"class":65,"line":212},[63,296,297],{"class":176},"\u003C/",[63,299,265],{"class":183},[63,301,268],{"class":176},[63,303,305],{"class":65,"line":304},6,[63,306,308],{"emptyLinePlaceholder":307},true,"\n",[63,310,312,314,317,321],{"class":65,"line":311},7,[63,313,262],{"class":176},[63,315,316],{"class":183},"style",[63,318,320],{"class":319},"spNyl"," scoped",[63,322,268],{"class":176},[63,324,326,328],{"class":65,"line":325},8,[63,327,276],{"class":69},[63,329,330],{"class":176}," {\n",[63,332,334,338,340,343,346,349],{"class":65,"line":333},9,[63,335,337],{"class":336},"sqsOY","  font-family",[63,339,148],{"class":176},[63,341,342],{"class":172}," Roboto",[63,344,345],{"class":176},",",[63,347,348],{"class":172}," sans-serif",[63,350,351],{"class":176},";\n",[63,353,355],{"class":65,"line":354},10,[63,356,357],{"class":176},"}\n",[63,359,361,363,365],{"class":65,"line":360},11,[63,362,297],{"class":176},[63,364,316],{"class":183},[63,366,268],{"class":176},[45,368,369,370,375],{},"That's it! Nuxt Fonts will detect this and you should immediately see the web font loaded in your browser. ",[371,372,374],"a",{"href":373},"/advanced#how-it-works","Read more about how it works",".",[377,378,380],"warning",{"to":379},"/get-started/configuration#styles",[45,381,382,383,385,386,390],{},"To improve performance, ",[49,384,51],{}," by default only loads the normal/400 font-weight. See the ",[387,388,389],"em",{},"configuration docs"," on how to change this default.",[392,393,394],"note",{"to":15},[45,395,396,397,399],{},"Check out the ",[387,398,389],{}," for all available options and features to customize.",[40,401,403],{"id":402},"troubleshooting","Troubleshooting",[45,405,406],{},"If an error occurs during installation:",[408,409,410,421,467,487,490,499],"ul",{},[411,412,413,414,420],"li",{},"Ensure that you are using the latest LTS version of Node.js (",[371,415,419],{"href":416,"rel":417},"https://github.com/nodejs/release#release-schedule",[418],"nofollow","release schedule",")",[411,422,423,424],{},"Try to upgrade to latest versions:",[92,425,426,440,454],{},[54,427,429],{"className":56,"code":428,"filename":97,"language":58,"meta":59,"style":59},"pnpm up @nuxt/fonts\n",[49,430,431],{"__ignoreMap":59},[63,432,433,435,438],{"class":65,"line":66},[63,434,97],{"class":69},[63,436,437],{"class":73}," up",[63,439,109],{"class":73},[54,441,443],{"className":56,"code":442,"filename":113,"language":58,"meta":59,"style":59},"yarn upgrade @nuxt/fonts\n",[49,444,445],{"__ignoreMap":59},[63,446,447,449,452],{"class":65,"line":66},[63,448,113],{"class":69},[63,450,451],{"class":73}," upgrade",[63,453,109],{"class":73},[54,455,457],{"className":56,"code":456,"filename":127,"language":58,"meta":59,"style":59},"npm up @nuxt/fonts\n",[49,458,459],{"__ignoreMap":59},[63,460,461,463,465],{"class":65,"line":66},[63,462,127],{"class":69},[63,464,437],{"class":73},[63,466,109],{"class":73},[411,468,469,470],{},"Try recreating your lock-file:",[54,471,473],{"className":56,"code":472,"language":58,"meta":59,"style":59},"npx nuxt@latest upgrade --force\n",[49,474,475],{"__ignoreMap":59},[63,476,477,479,482,484],{"class":65,"line":66},[63,478,70],{"class":69},[63,480,481],{"class":73}," nuxt@latest",[63,483,451],{"class":73},[63,485,486],{"class":73}," --force\n",[411,488,489],{},"Check your network connection. Your machine might be having a hard time communicating with the font providers.",[411,491,492,493,498],{},"If none of the above worked, please ",[371,494,497],{"href":495,"rel":496},"https://github.com/nuxt/fonts/issues",[418],"open an issue"," and include the error trace, OS, Node version and the package manager used for installing.",[411,500,501,502,505],{},"If you're missing certain fonts or their variations, please confirm the module is ",[371,503,504],{"href":379},"configured to load"," the fonts you expected to see.",[316,507,508],{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}",{"title":59,"searchDepth":180,"depth":180,"links":510},[511,512,513,514],{"id":42,"depth":180,"text":43},{"id":86,"depth":180,"text":87},{"id":221,"depth":180,"text":14},{"id":402,"depth":180,"text":403},"Get started with Nuxt Fonts right away.","md",null,{},{"title":10,"description":515},"CxoHykzNwQKTwpTklrw75S_iJeWi2OtRG_uVX9zOs5U",[517,522],{"title":14,"path":15,"stem":16,"description":523,"children":-1},"Nuxt Fonts works out of the box with zero config, but you can always add some configurations for finer-grained control.",1756674584928]