[{"data":1,"prerenderedAt":519},["ShallowReactive",2],{"navigation_docs":3,"-get-started-installation":34,"-get-started-installation-surround":516},[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":510,"extension":511,"links":512,"meta":513,"navigation":307,"path":11,"seo":514,"stem":12,"__hash__":515},"docs/1.get-started/1.installation.md",{"type":37,"value":38,"toc":504},"minimark",[39,44,53,84,88,91,138,149,219,222,233,244,251,367,376,389,396,400,403,501],[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 nuxt 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"," nuxt",[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,381,383,384,388],"warning",{"to":379},"/get-started/configuration#styles","To improve performance, ",[49,382,51],{}," by default only loads the normal/400 font-weight. See the ",[385,386,387],"em",{},"configuration docs"," on how to change this default.",[390,391,392,393,395],"note",{"to":15},"Check out the ",[385,394,387],{}," for all available options and features to customize.",[40,397,399],{"id":398},"troubleshooting","Troubleshooting",[45,401,402],{},"If an error occurs during installation:",[404,405,406,417,463,482,485,494],"ul",{},[407,408,409,410,416],"li",{},"Ensure that you are using the latest LTS version of Node.js (",[371,411,415],{"href":412,"rel":413},"https://github.com/nodejs/release#release-schedule",[414],"nofollow","release schedule",")",[407,418,419,420],{},"Try to upgrade to latest versions:",[92,421,422,436,450],{},[54,423,425],{"className":56,"code":424,"filename":97,"language":58,"meta":59,"style":59},"pnpm up @nuxt/fonts\n",[49,426,427],{"__ignoreMap":59},[63,428,429,431,434],{"class":65,"line":66},[63,430,97],{"class":69},[63,432,433],{"class":73}," up",[63,435,109],{"class":73},[54,437,439],{"className":56,"code":438,"filename":113,"language":58,"meta":59,"style":59},"yarn upgrade @nuxt/fonts\n",[49,440,441],{"__ignoreMap":59},[63,442,443,445,448],{"class":65,"line":66},[63,444,113],{"class":69},[63,446,447],{"class":73}," upgrade",[63,449,109],{"class":73},[54,451,453],{"className":56,"code":452,"filename":127,"language":58,"meta":59,"style":59},"npm up @nuxt/fonts\n",[49,454,455],{"__ignoreMap":59},[63,456,457,459,461],{"class":65,"line":66},[63,458,127],{"class":69},[63,460,433],{"class":73},[63,462,109],{"class":73},[407,464,465,466],{},"Try recreating your lock-file:",[54,467,469],{"className":56,"code":468,"language":58,"meta":59,"style":59},"npx nuxt upgrade --force\n",[49,470,471],{"__ignoreMap":59},[63,472,473,475,477,479],{"class":65,"line":66},[63,474,70],{"class":69},[63,476,74],{"class":73},[63,478,447],{"class":73},[63,480,481],{"class":73}," --force\n",[407,483,484],{},"Check your network connection. Your machine might be having a hard time communicating with the font providers.",[407,486,487,488,493],{},"If none of the above worked, please ",[371,489,492],{"href":490,"rel":491},"https://github.com/nuxt/fonts/issues",[414],"open an issue"," and include the error trace, OS, Node version and the package manager used for installing.",[407,495,496,497,500],{},"If you're missing certain fonts or their variations, please confirm the module is ",[371,498,499],{"href":379},"configured to load"," the fonts you expected to see.",[316,502,503],{},"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":505},[506,507,508,509],{"id":42,"depth":180,"text":43},{"id":86,"depth":180,"text":87},{"id":221,"depth":180,"text":14},{"id":398,"depth":180,"text":399},"Get started with Nuxt Fonts right away.","md",null,{},{"title":10,"description":510},"9uy9kVKq1IHFHOrmrsUIH-pcsA7T5L-k83PKsMBJCFc",[512,517],{"title":14,"path":15,"stem":16,"description":518,"children":-1},"Nuxt Fonts works out of the box with zero config, but you can always add some configurations for finer-grained control.",1762472929322]