[{"data":1,"prerenderedAt":608},["ShallowReactive",2],{"navigation_docs":3,"-get-started-upgrade":38,"-get-started-upgrade-surround":603},[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":26,"body":40,"description":596,"extension":597,"links":598,"meta":599,"navigation":600,"path":27,"seo":601,"stem":28,"__hash__":602},"docs/1.get-started/5.upgrade.md",{"type":41,"value":42,"toc":590},"minimark",[43,48,53,63,80,91,98,218,237,241,245,255,320,324,331,524,531,534,586],[44,45,47],"h2",{"id":46},"upgrading-to-v014","Upgrading to v0.14",[49,50,52],"h3",{"id":51},"breaking-changes","Breaking Changes",[54,55,57,58,62],"h4",{"id":56},"default-font-format-is-now-woff2-only","Default font format is now ",[59,60,61],"code",{},"woff2"," only",[64,65,66,67,69,70,69,73,76,77,79],"p",{},"Previously, font providers could return multiple formats (e.g., ",[59,68,61],{},", ",[59,71,72],{},"woff",[59,74,75],{},"truetype","). The default behavior now only resolves ",[59,78,61],{}," format fonts, which is universally supported in all modern browsers.",[64,81,82,83,86,87,90],{},"This means your rendered ",[59,84,85],{},"@font-face"," declarations will typically have fewer ",[59,88,89],{},"src"," entries, reducing overall CSS size. In most cases this is a transparent improvement and requires no action.",[64,92,93,94,97],{},"If you need to support legacy browsers that require other formats, you can configure this in your ",[59,95,96],{},"nuxt.config.ts",":",[99,100,105],"pre",{"className":101,"code":102,"language":103,"meta":104,"style":104},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  fonts: {\n    defaults: {\n      formats: ['woff2', 'woff', 'ttf'],\n    },\n  },\n})\n","ts","",[59,106,107,131,143,153,197,203,209],{"__ignoreMap":104},[108,109,112,116,119,123,127],"span",{"class":110,"line":111},"line",1,[108,113,115],{"class":114},"s7zQu","export",[108,117,118],{"class":114}," default",[108,120,122],{"class":121},"s2Zo4"," defineNuxtConfig",[108,124,126],{"class":125},"sTEyZ","(",[108,128,130],{"class":129},"sMK4o","{\n",[108,132,134,138,140],{"class":110,"line":133},2,[108,135,137],{"class":136},"swJcz","  fonts",[108,139,97],{"class":129},[108,141,142],{"class":129}," {\n",[108,144,146,149,151],{"class":110,"line":145},3,[108,147,148],{"class":136},"    defaults",[108,150,97],{"class":129},[108,152,142],{"class":129},[108,154,156,159,161,164,167,170,172,175,178,180,182,184,186,189,191,194],{"class":110,"line":155},4,[108,157,158],{"class":136},"      formats",[108,160,97],{"class":129},[108,162,163],{"class":125}," [",[108,165,166],{"class":129},"'",[108,168,61],{"class":169},"sfazB",[108,171,166],{"class":129},[108,173,174],{"class":129},",",[108,176,177],{"class":129}," '",[108,179,72],{"class":169},[108,181,166],{"class":129},[108,183,174],{"class":129},[108,185,177],{"class":129},[108,187,188],{"class":169},"ttf",[108,190,166],{"class":129},[108,192,193],{"class":125},"]",[108,195,196],{"class":129},",\n",[108,198,200],{"class":110,"line":199},5,[108,201,202],{"class":129},"    },\n",[108,204,206],{"class":110,"line":205},6,[108,207,208],{"class":129},"  },\n",[108,210,212,215],{"class":110,"line":211},7,[108,213,214],{"class":129},"}",[108,216,217],{"class":125},")\n",[64,219,220,221,69,224,69,227,69,230,69,233,236],{},"The available format values are: ",[59,222,223],{},"'woff2'",[59,225,226],{},"'woff'",[59,228,229],{},"'ttf'",[59,231,232],{},"'otf'",[59,234,235],{},"'eot'",".",[49,238,240],{"id":239},"new-features","New Features",[54,242,244],{"id":243},"font-format-resolution","Font format resolution",[64,246,247,248,251,252,236],{},"You can now control which font formats are resolved via the new ",[59,249,250],{},"defaults.formats"," option. This defaults to ",[59,253,254],{},"['woff2']",[99,256,258],{"className":101,"code":257,"language":103,"meta":104,"style":104},"export default defineNuxtConfig({\n  fonts: {\n    defaults: {\n      formats: ['woff2'],\n    },\n  },\n})\n",[59,259,260,272,280,288,306,310,314],{"__ignoreMap":104},[108,261,262,264,266,268,270],{"class":110,"line":111},[108,263,115],{"class":114},[108,265,118],{"class":114},[108,267,122],{"class":121},[108,269,126],{"class":125},[108,271,130],{"class":129},[108,273,274,276,278],{"class":110,"line":133},[108,275,137],{"class":136},[108,277,97],{"class":129},[108,279,142],{"class":129},[108,281,282,284,286],{"class":110,"line":145},[108,283,148],{"class":136},[108,285,97],{"class":129},[108,287,142],{"class":129},[108,289,290,292,294,296,298,300,302,304],{"class":110,"line":155},[108,291,158],{"class":136},[108,293,97],{"class":129},[108,295,163],{"class":125},[108,297,166],{"class":129},[108,299,61],{"class":169},[108,301,166],{"class":129},[108,303,193],{"class":125},[108,305,196],{"class":129},[108,307,308],{"class":110,"line":199},[108,309,202],{"class":129},[108,311,312],{"class":110,"line":205},[108,313,208],{"class":129},[108,315,316,318],{"class":110,"line":211},[108,317,214],{"class":129},[108,319,217],{"class":125},[54,321,323],{"id":322},"provider-specific-font-family-options","Provider-specific font family options",[64,325,326,327,330],{},"You can now pass provider-specific options when configuring individual font families using the new ",[59,328,329],{},"providerOptions"," property:",[99,332,334],{"className":101,"code":333,"language":103,"meta":104,"style":104},"export default defineNuxtConfig({\n  fonts: {\n    families: [\n      {\n        name: 'My Font',\n        provider: 'google',\n        providerOptions: {\n          google: {\n            experimental: {\n              variableAxis: {\n                wdth: [['75', '100']],\n              },\n            },\n          },\n        },\n      },\n    ],\n  },\n})\n",[59,335,336,348,356,366,371,387,403,412,422,432,442,474,480,486,492,498,504,512,517],{"__ignoreMap":104},[108,337,338,340,342,344,346],{"class":110,"line":111},[108,339,115],{"class":114},[108,341,118],{"class":114},[108,343,122],{"class":121},[108,345,126],{"class":125},[108,347,130],{"class":129},[108,349,350,352,354],{"class":110,"line":133},[108,351,137],{"class":136},[108,353,97],{"class":129},[108,355,142],{"class":129},[108,357,358,361,363],{"class":110,"line":145},[108,359,360],{"class":136},"    families",[108,362,97],{"class":129},[108,364,365],{"class":125}," [\n",[108,367,368],{"class":110,"line":155},[108,369,370],{"class":129},"      {\n",[108,372,373,376,378,380,383,385],{"class":110,"line":199},[108,374,375],{"class":136},"        name",[108,377,97],{"class":129},[108,379,177],{"class":129},[108,381,382],{"class":169},"My Font",[108,384,166],{"class":129},[108,386,196],{"class":129},[108,388,389,392,394,396,399,401],{"class":110,"line":205},[108,390,391],{"class":136},"        provider",[108,393,97],{"class":129},[108,395,177],{"class":129},[108,397,398],{"class":169},"google",[108,400,166],{"class":129},[108,402,196],{"class":129},[108,404,405,408,410],{"class":110,"line":211},[108,406,407],{"class":136},"        providerOptions",[108,409,97],{"class":129},[108,411,142],{"class":129},[108,413,415,418,420],{"class":110,"line":414},8,[108,416,417],{"class":136},"          google",[108,419,97],{"class":129},[108,421,142],{"class":129},[108,423,425,428,430],{"class":110,"line":424},9,[108,426,427],{"class":136},"            experimental",[108,429,97],{"class":129},[108,431,142],{"class":129},[108,433,435,438,440],{"class":110,"line":434},10,[108,436,437],{"class":136},"              variableAxis",[108,439,97],{"class":129},[108,441,142],{"class":129},[108,443,445,448,450,453,455,458,460,462,464,467,469,472],{"class":110,"line":444},11,[108,446,447],{"class":136},"                wdth",[108,449,97],{"class":129},[108,451,452],{"class":125}," [[",[108,454,166],{"class":129},[108,456,457],{"class":169},"75",[108,459,166],{"class":129},[108,461,174],{"class":129},[108,463,177],{"class":129},[108,465,466],{"class":169},"100",[108,468,166],{"class":129},[108,470,471],{"class":125},"]]",[108,473,196],{"class":129},[108,475,477],{"class":110,"line":476},12,[108,478,479],{"class":129},"              },\n",[108,481,483],{"class":110,"line":482},13,[108,484,485],{"class":129},"            },\n",[108,487,489],{"class":110,"line":488},14,[108,490,491],{"class":129},"          },\n",[108,493,495],{"class":110,"line":494},15,[108,496,497],{"class":129},"        },\n",[108,499,501],{"class":110,"line":500},16,[108,502,503],{"class":129},"      },\n",[108,505,507,510],{"class":110,"line":506},17,[108,508,509],{"class":125},"    ]",[108,511,196],{"class":129},[108,513,515],{"class":110,"line":514},18,[108,516,208],{"class":129},[108,518,520,522],{"class":110,"line":519},19,[108,521,214],{"class":129},[108,523,217],{"class":125},[54,525,527,530],{"id":526},"throwonerror-option",[59,528,529],{},"throwOnError"," option",[64,532,533],{},"You can now configure whether font resolution errors should throw or just warn:",[99,535,537],{"className":101,"code":536,"language":103,"meta":104,"style":104},"export default defineNuxtConfig({\n  fonts: {\n    throwOnError: true, // default: false\n  },\n})\n",[59,538,539,551,559,576,580],{"__ignoreMap":104},[108,540,541,543,545,547,549],{"class":110,"line":111},[108,542,115],{"class":114},[108,544,118],{"class":114},[108,546,122],{"class":121},[108,548,126],{"class":125},[108,550,130],{"class":129},[108,552,553,555,557],{"class":110,"line":133},[108,554,137],{"class":136},[108,556,97],{"class":129},[108,558,142],{"class":129},[108,560,561,564,566,570,572],{"class":110,"line":145},[108,562,563],{"class":136},"    throwOnError",[108,565,97],{"class":129},[108,567,569],{"class":568},"sfNiH"," true",[108,571,174],{"class":129},[108,573,575],{"class":574},"sHwdD"," // default: false\n",[108,577,578],{"class":110,"line":155},[108,579,208],{"class":129},[108,581,582,584],{"class":110,"line":199},[108,583,214],{"class":129},[108,585,217],{"class":125},[587,588,589],"style",{},"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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":104,"searchDepth":133,"depth":133,"links":591},[592],{"id":46,"depth":133,"text":47,"children":593},[594,595],{"id":51,"depth":145,"text":52},{"id":239,"depth":145,"text":240},"Breaking changes and migration steps when upgrading to the latest version of @nuxt/fonts.","md",null,{},true,{"title":26,"description":596},"RXtSbcW4gf2COkuUzDkRLGDk06Xymhn13_OQoZFkP90",[604,606],{"title":22,"path":23,"stem":24,"description":605,"children":-1},"Font providers are designed to be pluggable and extensible, so no matter your setup you should be able to use an existing provider or write your own.",{"title":31,"path":32,"stem":33,"description":607,"children":-1},"Find out how Nuxt Fonts works behind the scenes to optimize fonts in your project.",1774976231038]