[{"data":1,"prerenderedAt":313},["ShallowReactive",2],{"navigation_docs":3,"landing":38},[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":40,"body":41,"description":40,"extension":304,"meta":305,"navigation":306,"path":307,"seo":308,"stem":311,"__hash__":312},"landing\u002Findex.md","",{"type":42,"value":43,"toc":301},"minimark",[44,54,93,125,148,231,278],[45,46],"hero-background",{"className":47},[48,49,50,51,52,53],"absolute","w-full","top-[var(--ui-header-height)]","transition-all","text-primary","flex-shrink-0",[55,56,59,70,78,90],"u-page-hero",{":ui":57,"orientation":58},"{\"container\":\"py-14 sm:py-16 lg:pt-16 lg:pb-24 gap-10 lg:gap-16\"}","horizontal",[60,61,62,63],"template",{"v-slot:title":40},"Web fonts for Nuxt, ",[64,65,69],"span",{"className":66},[67,68],"text-primary-600","dark:text-primary-400","without the setup",[60,71,72,73,77],{"v-slot:description":40},"Write a ",[74,75,76],"code",{},"font-family"," declaration and Nuxt Fonts finds the font, serves it from your own origin, and generates fallback metrics to reduce layout shift.",[60,79,80,86],{"v-slot:links":40},[81,82,85],"u-button",{"size":83,"to":11,"icon":84},"xl","i-lucide-rocket","Get started",[87,88],"copy-code-input",{"source":89},"npx nuxt module add fonts",[91,92],"fonts-videos",{},[94,95,96,103,106,116],"u-page-section",{},[60,97,98,99],{"v-slot:title":40},"One declaration. ",[64,100,102],{"className":101},[67,68],"Any provider.",[60,104,105],{"v-slot:description":40},"Providers connect Nuxt Fonts to a font source. Each one looks up a family and fetches its files. Pick a built-in provider, mix several in one project, or write your own.",[60,107,108,111],{"v-slot:body":40},[109,110],"font-specimens",{},[112,113],"provider-index",{"className":114},[115],"mt-10",[60,117,118],{"v-slot:links":40},[81,119,124],{"size":120,"to":23,"color":121,"variant":122,"trailing-icon":123},"lg","neutral","subtle","i-lucide-arrow-right","Read the provider docs",[94,126,127,134,137,142],{},[60,128,129,130],{"v-slot:title":40},"What happens ",[64,131,133],{"className":132},[67,68],"after the build starts",[60,135,136],{"v-slot:description":40},"Nuxt Fonts runs over your CSS as it's processed, so there's nothing to import and no component to wrap your text in.",[60,138,139],{"v-slot:body":40},[140,141],"font-pipeline",{},[60,143,144],{"v-slot:links":40},[81,145,147],{"size":120,"to":146,"color":121,"variant":122,"trailing-icon":123},"\u002Fadvanced#how-it-works","How it works in detail",[94,149,151,158],{":ui":150},"{\"features\":\"sm:grid-cols-2 lg:grid-cols-2 gap-x-10 gap-y-8\"}",[60,152,153,154],{"v-slot:title":40},"Defaults worth ",[64,155,157],{"className":156},[67,68],"keeping",[60,159,160,173,208,217],{"v-slot:features":40},[161,162,167,170],"u-page-feature",{"className":163,"to":15},[164,165,166],"border-t","border-default","pt-6",[60,168,169],{"v-slot:title":40},"No configuration to start",[60,171,172],{"v-slot:description":40},"Add the module and keep writing CSS. Everything here is a default you can change, not a step you have to take.",[161,174,176,179],{"className":175,"to":23},[164,165,166],[60,177,178],{"v-slot:title":40},"Eight built-in providers",[60,180,181,184,185,184,188,184,191,184,194,184,197,184,200,203,204,207],{"v-slot:description":40},[74,182,183],{},"local",", ",[74,186,187],{},"google",[74,189,190],{},"googleicons",[74,192,193],{},"bunny",[74,195,196],{},"fontshare",[74,198,199],{},"fontsource",[74,201,202],{},"npm"," and ",[74,205,206],{},"adobe",", plus any provider you write.",[161,209,211,214],{"className":210,"to":146},[164,165,166],[60,212,213],{"v-slot:title":40},"Self-hosted in production",[60,215,216],{"v-slot:description":40},"Fonts are downloaded at build time and served from your own origin with long-lived cache headers.",[161,218,221,224],{"className":219,"to":220},[164,165,166],"\u002Fget-started\u002Fconfiguration#glyphs",[60,222,223],{"v-slot:title":40},"Smaller files when you ask",[60,225,226,227,230],{"v-slot:description":40},"Opt in to the ",[74,228,229],{},"glyphs"," option to subset a family down to the characters you actually render.",[94,232,234,241,244],{":ui":233},"{\"features\":\"sm:grid-cols-3 gap-6\"}",[60,235,236,237],{"v-slot:title":40},"Built on ",[64,238,240],{"className":239},[67,68],"unjs",[60,242,243],{"v-slot:description":40},"Nuxt Fonts is the Nuxt-shaped layer over a handful of unjs packages. Each of them is useful on its own.",[60,245,246,257,270],{"v-slot:features":40},[247,248,251,254],"u-page-card",{"target":249,"to":250,"variant":122},"_blank","https:\u002F\u002Funifont.dev",[60,252,253],{"v-slot:title":40},"unifont",[60,255,256],{"v-slot:description":40},"Resolves font metadata from Google, Adobe, Bunny, Fontshare, Fontsource, npm and any provider you write. Framework-agnostic.",[247,258,260,263],{"target":249,"to":259,"variant":122},"https:\u002F\u002Fgithub.com\u002Funjs\u002Ffontaine",[60,261,262],{"v-slot:title":40},"fontaine",[60,264,265,266,269],{"v-slot:description":40},"Generates the adjusted fallback ",[74,267,268],{},"@font-face"," rules that keep your layout still while a web font loads.",[247,271,272,275],{"target":249,"to":259,"variant":122},[60,273,274],{"v-slot:title":40},"fontless",[60,276,277],{"v-slot:description":40},"The same pipeline as a Vite plugin, for projects that aren't built on Nuxt.",[94,279,282,289,292],{"className":280},[281,164,165],"bg-muted",[60,283,284,285],{"v-slot:title":40},"Add it to your app ",[64,286,288],{"className":287},[67,68],"in one command",[60,290,291],{"v-slot:description":40},"Nuxt Fonts is MIT licensed and maintained by the Nuxt team.",[60,293,294,296],{"v-slot:links":40},[81,295,85],{"size":83,"to":11,"icon":84},[81,297,300],{"size":83,"to":298,"color":121,"icon":299,"variant":122,"target":249},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ffonts","i-simple-icons-github","Star on GitHub",{"title":40,"searchDepth":302,"depth":302,"links":303},2,[],"md",{},true,"\u002F",{"title":309,"description":310},"Optimized Custom Web Fonts for your Nuxt Apps","Plug-and-play custom web font optimization and configuration for Nuxt apps. Use and optimize your fonts using your favorite font source.","index","A1SbOAWa07OT0iHbKifXVohILGPE_grdzKUiFDTGSTo",1790232133306]