[{"data":1,"prerenderedAt":523},["ShallowReactive",2],{"navigation_docs":3,"-get-started-installation":38,"-get-started-installation-surround":520},[4,30,34],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Getting Started","/get-started","1.get-started",[9,13,17,21,25],{"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",{"title":26,"path":27,"stem":28},"Upgrade Guide","/get-started/upgrade","1.get-started/5.upgrade",false,{"title":31,"path":32,"stem":33},"Advanced","/advanced","2.advanced",{"title":35,"path":36,"stem":37},"Contributing","/contributing","3.contributing",{"id":39,"title":10,"body":40,"description":514,"extension":515,"links":516,"meta":517,"navigation":311,"path":11,"seo":518,"stem":12,"__hash__":519},"docs/1.get-started/1.installation.md",{"type":41,"value":42,"toc":508},"minimark",[43,48,57,88,92,95,142,153,223,226,237,248,255,371,380,393,400,404,407,505],[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/fonts"," 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/fonts\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/fonts\n",[58,115,118],{"className":60,"code":116,"filename":117,"language":62,"meta":63,"style":63},"yarn add @nuxt/fonts\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/fonts\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/fonts',\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,233,236],{},"If you don't already have it in your ",[53,230,231],{},".gitignore",", go ahead and add the ",[53,234,235],{},".data"," directory:",[58,238,242],{"className":239,"code":240,"filename":231,"language":241,"meta":63,"style":63},"language-ignore shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".data\n","ignore",[53,243,244],{"__ignoreMap":63},[67,245,246],{"class":69,"line":70},[67,247,240],{},[49,249,250,251,254],{},"You can now get started by adding a ",[53,252,253],{},"font-family"," declaration to your CSS. ✨",[58,256,260],{"className":257,"code":258,"language":259,"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/div>\n\u003C/template>\n\n\u003Cstyle scoped>\ndiv {\n  font-family: Roboto, sans-serif;\n}\n\u003C/style>\n","vue",[53,261,262,273,283,288,297,306,313,327,335,356,362],{"__ignoreMap":63},[67,263,264,267,270],{"class":69,"line":70},[67,265,266],{"class":180},"\u003C",[67,268,269],{"class":187},"template",[67,271,272],{"class":180},">\n",[67,274,275,278,281],{"class":69,"line":184},[67,276,277],{"class":180},"  \u003C",[67,279,280],{"class":187},"div",[67,282,272],{"class":180},[67,284,285],{"class":69,"line":196},[67,286,287],{"class":176},"    Hello Nuxt Fonts!\n",[67,289,290,293,295],{"class":69,"line":210},[67,291,292],{"class":180},"  \u003C/",[67,294,280],{"class":187},[67,296,272],{"class":180},[67,298,299,302,304],{"class":69,"line":216},[67,300,301],{"class":180},"\u003C/",[67,303,269],{"class":187},[67,305,272],{"class":180},[67,307,309],{"class":69,"line":308},6,[67,310,312],{"emptyLinePlaceholder":311},true,"\n",[67,314,316,318,321,325],{"class":69,"line":315},7,[67,317,266],{"class":180},[67,319,320],{"class":187},"style",[67,322,324],{"class":323},"spNyl"," scoped",[67,326,272],{"class":180},[67,328,330,332],{"class":69,"line":329},8,[67,331,280],{"class":73},[67,333,334],{"class":180}," {\n",[67,336,338,342,344,347,350,353],{"class":69,"line":337},9,[67,339,341],{"class":340},"sqsOY","  font-family",[67,343,152],{"class":180},[67,345,346],{"class":176}," Roboto",[67,348,349],{"class":180},",",[67,351,352],{"class":176}," sans-serif",[67,354,355],{"class":180},";\n",[67,357,359],{"class":69,"line":358},10,[67,360,361],{"class":180},"}\n",[67,363,365,367,369],{"class":69,"line":364},11,[67,366,301],{"class":180},[67,368,320],{"class":187},[67,370,272],{"class":180},[49,372,373,374,379],{},"That's it! Nuxt Fonts will detect this and you should immediately see the web font loaded in your browser. ",[375,376,378],"a",{"href":377},"/advanced#how-it-works","Read more about how it works",".",[381,382,384,385,387,388,392],"warning",{"to":383},"/get-started/configuration#styles","To improve performance, ",[53,386,55],{}," by default only loads the normal/400 font-weight. See the ",[389,390,391],"em",{},"configuration docs"," on how to change this default.",[394,395,396,397,399],"note",{"to":15},"Check out the ",[389,398,391],{}," for all available options and features to customize.",[44,401,403],{"id":402},"troubleshooting","Troubleshooting",[49,405,406],{},"If an error occurs during installation:",[408,409,410,421,467,486,489,498],"ul",{},[411,412,413,414,420],"li",{},"Ensure that you are using the latest LTS version of Node.js (",[375,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:",[96,425,426,440,454],{},[58,427,429],{"className":60,"code":428,"filename":101,"language":62,"meta":63,"style":63},"pnpm up @nuxt/fonts\n",[53,430,431],{"__ignoreMap":63},[67,432,433,435,438],{"class":69,"line":70},[67,434,101],{"class":73},[67,436,437],{"class":77}," up",[67,439,113],{"class":77},[58,441,443],{"className":60,"code":442,"filename":117,"language":62,"meta":63,"style":63},"yarn upgrade @nuxt/fonts\n",[53,444,445],{"__ignoreMap":63},[67,446,447,449,452],{"class":69,"line":70},[67,448,117],{"class":73},[67,450,451],{"class":77}," upgrade",[67,453,113],{"class":77},[58,455,457],{"className":60,"code":456,"filename":131,"language":62,"meta":63,"style":63},"npm up @nuxt/fonts\n",[53,458,459],{"__ignoreMap":63},[67,460,461,463,465],{"class":69,"line":70},[67,462,131],{"class":73},[67,464,437],{"class":77},[67,466,113],{"class":77},[411,468,469,470],{},"Try recreating your lock-file:",[58,471,473],{"className":60,"code":472,"language":62,"meta":63,"style":63},"npx nuxt upgrade --force\n",[53,474,475],{"__ignoreMap":63},[67,476,477,479,481,483],{"class":69,"line":70},[67,478,74],{"class":73},[67,480,78],{"class":77},[67,482,451],{"class":77},[67,484,485],{"class":77}," --force\n",[411,487,488],{},"Check your network connection. Your machine might be having a hard time communicating with the font providers.",[411,490,491,492,497],{},"If none of the above worked, please ",[375,493,496],{"href":494,"rel":495},"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,499,500,501,504],{},"If you're missing certain fonts or their variations, please confirm the module is ",[375,502,503],{"href":383},"configured to load"," the fonts you expected to see.",[320,506,507],{},"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":63,"searchDepth":184,"depth":184,"links":509},[510,511,512,513],{"id":46,"depth":184,"text":47},{"id":90,"depth":184,"text":91},{"id":225,"depth":184,"text":14},{"id":402,"depth":184,"text":403},"Get started with Nuxt Fonts right away.","md",null,{},{"title":10,"description":514},"9uy9kVKq1IHFHOrmrsUIH-pcsA7T5L-k83PKsMBJCFc",[516,521],{"title":14,"path":15,"stem":16,"description":522,"children":-1},"Nuxt Fonts works out of the box with zero config, but you can always add some configurations for finer-grained control.",1776348206319]