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