[{"data":1,"prerenderedAt":1055},["ShallowReactive",2],{"navigation_docs":3,"-get-started-providers":38,"-get-started-providers-surround":1050},[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":22,"body":40,"description":1044,"extension":1045,"links":1046,"meta":1047,"navigation":632,"path":23,"seo":1048,"stem":24,"__hash__":1049},"docs/1.get-started/4.providers.md",{"type":41,"value":42,"toc":1031},"minimark",[43,48,52,59,84,140,150,155,165,170,178,183,197,202,210,216,221,229,234,267,274,459,464,472,475,571,574,579,583,593,599,873,880,1027],[44,45,47],"h2",{"id":46},"built-in-providers","Built-In Providers",[49,50,51],"p",{},"Nuxt Fonts ships with a number of built-in providers.",[53,54,56],"h3",{"id":55},"local",[57,58,55],"code",{},[49,60,61,62,65,66,69,70,69,73,69,76,79,80,83],{},"The local provider deeply scans your ",[57,63,64],{},"public/"," directories (including of your layers) for font files (supporting ",[57,67,68],{},"ttf",", ",[57,71,72],{},"woff",[57,74,75],{},"woff2",[57,77,78],{},"eot"," or ",[57,81,82],{},"otf"," extensions).",[49,85,86,87,90,91,94,95,98,99,102,103,106,107,110,111,69,114,117,118,121,122,125,126,128,129,132,133,135,136,139],{},"Then, when you use a ",[57,88,89],{},"font-family"," in your CSS, we check to see whether it matches one of these files. By default, we expect the font file to be the ",[57,92,93],{},"400"," weight, ",[57,96,97],{},"normal"," style, and ",[57,100,101],{},"latin"," subset. To indicate different weights and styles, please include that information in the filename. For example ",[57,104,105],{},"comic-sans-ms.woff2"," (400/normal/latin; defaults), ",[57,108,109],{},"comic-sans-ms-700-italic-cyrillic.woff2"," (700/italic/cyrillic). Keywords like ",[57,112,113],{},"light",[57,115,116],{},"bold",", or ",[57,119,120],{},"black"," are accepted in place of a weight number: ",[57,123,124],{},"comic-sans-ms-bold.woff2",". ",[57,127,89],{}," values with spaces and/or caps will lookup hyphenated lowercase filenames as well, eg ",[57,130,131],{},"font-family: 'Comic Sans MS'"," will look for ",[57,134,105],{}," as well as ",[57,137,138],{},"Comic\\ Sans\\ MS.woff2"," on disk.",[141,142,144,145,149],"warning",{"to":143},"/get-started/configuration#font-options","Please note that the local provider will only attempt to load styles and weights that were configured in the ",[146,147,148],"em",{},"Font Options",".",[53,151,153],{"id":152},"google",[57,154,152],{},[49,156,157,164],{},[158,159,163],"a",{"href":160,"rel":161},"https://fonts.google.com/",[162],"nofollow","Google Fonts"," is one of the best known public font APIs.",[53,166,168],{"id":167},"googleicons",[57,169,167],{},[49,171,172,177],{},[158,173,176],{"href":174,"rel":175},"https://fonts.google.com/icons",[162],"Google Fonts Icons"," adds support for Material Symbols and Material Icons.",[53,179,181],{"id":180},"bunny",[57,182,180],{},[49,184,185,190,191,196],{},[158,186,189],{"href":187,"rel":188},"https://fonts.bunny.net/",[162],"Bunny Fonts"," is provided by ",[158,192,195],{"href":193,"rel":194},"https://bunny.net/",[162],"bunny.net"," and is a drop-in Google Fonts compatible API, focusing on privacy.",[53,198,200],{"id":199},"fontshare",[57,201,199],{},[49,203,204,209],{},[158,205,208],{"href":206,"rel":207},"https://www.fontshare.com/",[162],"Fontshare"," is a free font service with 100+ professional-grade fonts from the Indian Type Foundry (ITF).",[141,211,213,214,149],{"to":212},"https://www.fontshare.com/licenses/itf-ffl","You should read their terms in full before using a font through ",[57,215,199],{},[53,217,219],{"id":218},"fontsource",[57,220,218],{},[49,222,223,228],{},[158,224,227],{"href":225,"rel":226},"https://fontsource.org/docs/getting-started/introduction",[162],"Fontsource"," is a collection of open-source fonts that are designed for self-hosting in web applications.",[53,230,232],{"id":231},"npm",[57,233,231],{},[49,235,236,237,240,241,69,248,254,255,262,263,266],{},"The npm provider resolves fonts from npm packages installed in your project's ",[57,238,239],{},"node_modules",". It automatically detects known font packages (such as ",[158,242,245],{"href":243,"rel":244},"https://fontsource.org/",[162],[57,246,247],{},"@fontsource/*",[158,249,251],{"href":243,"rel":250},[162],[57,252,253],{},"@fontsource-variable/*",", and ",[158,256,259],{"href":257,"rel":258},"https://github.com/calcom/font",[162],[57,260,261],{},"cal-sans",") from your ",[57,264,265],{},"package.json"," dependencies and devDependencies.",[49,268,269,270,273],{},"By default, fonts are resolved locally from disk (",[57,271,272],{},"remote: false","), so no CDN requests are made. This makes it a good choice for self-hosted fonts when you want to install font packages via npm and have them resolved at build time.",[275,276,281],"pre",{"className":277,"code":278,"language":279,"meta":280,"style":280},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@nuxt/fonts'],\n  fonts: {\n    families: [\n      // Automatically resolved if @fontsource/roboto is in your package.json\n      { name: 'Roboto', provider: 'npm' },\n      // Variable fonts are also supported\n      { name: 'Inter Variable', provider: 'npm' },\n    ],\n  }\n})\n","ts","",[57,282,283,307,335,346,357,364,400,406,436,444,450],{"__ignoreMap":280},[284,285,288,292,295,299,303],"span",{"class":286,"line":287},"line",1,[284,289,291],{"class":290},"s7zQu","export",[284,293,294],{"class":290}," default",[284,296,298],{"class":297},"s2Zo4"," defineNuxtConfig",[284,300,302],{"class":301},"sTEyZ","(",[284,304,306],{"class":305},"sMK4o","{\n",[284,308,310,314,317,320,323,327,329,332],{"class":286,"line":309},2,[284,311,313],{"class":312},"swJcz","  modules",[284,315,316],{"class":305},":",[284,318,319],{"class":301}," [",[284,321,322],{"class":305},"'",[284,324,326],{"class":325},"sfazB","@nuxt/fonts",[284,328,322],{"class":305},[284,330,331],{"class":301},"]",[284,333,334],{"class":305},",\n",[284,336,338,341,343],{"class":286,"line":337},3,[284,339,340],{"class":312},"  fonts",[284,342,316],{"class":305},[284,344,345],{"class":305}," {\n",[284,347,349,352,354],{"class":286,"line":348},4,[284,350,351],{"class":312},"    families",[284,353,316],{"class":305},[284,355,356],{"class":301}," [\n",[284,358,360],{"class":286,"line":359},5,[284,361,363],{"class":362},"sHwdD","      // Automatically resolved if @fontsource/roboto is in your package.json\n",[284,365,367,370,373,375,378,381,383,386,389,391,393,395,397],{"class":286,"line":366},6,[284,368,369],{"class":305},"      {",[284,371,372],{"class":312}," name",[284,374,316],{"class":305},[284,376,377],{"class":305}," '",[284,379,380],{"class":325},"Roboto",[284,382,322],{"class":305},[284,384,385],{"class":305},",",[284,387,388],{"class":312}," provider",[284,390,316],{"class":305},[284,392,377],{"class":305},[284,394,231],{"class":325},[284,396,322],{"class":305},[284,398,399],{"class":305}," },\n",[284,401,403],{"class":286,"line":402},7,[284,404,405],{"class":362},"      // Variable fonts are also supported\n",[284,407,409,411,413,415,417,420,422,424,426,428,430,432,434],{"class":286,"line":408},8,[284,410,369],{"class":305},[284,412,372],{"class":312},[284,414,316],{"class":305},[284,416,377],{"class":305},[284,418,419],{"class":325},"Inter Variable",[284,421,322],{"class":305},[284,423,385],{"class":305},[284,425,388],{"class":312},[284,427,316],{"class":305},[284,429,377],{"class":305},[284,431,231],{"class":325},[284,433,322],{"class":305},[284,435,399],{"class":305},[284,437,439,442],{"class":286,"line":438},9,[284,440,441],{"class":301},"    ]",[284,443,334],{"class":305},[284,445,447],{"class":286,"line":446},10,[284,448,449],{"class":305},"  }\n",[284,451,453,456],{"class":286,"line":452},11,[284,454,455],{"class":305},"}",[284,457,458],{"class":301},")\n",[53,460,462],{"id":461},"adobe",[57,463,461],{},[49,465,466,471],{},[158,467,470],{"href":468,"rel":469},"https://fonts.adobe.com/",[162],"Adobe Fonts"," is a font service for both personal and commercial use included with Creative Cloud subscriptions.",[49,473,474],{},"To configure the Adobe provider in your Nuxt app, you must provide a Project ID or array of Project IDs corresponding to the Web Projects you have created in Adobe Fonts.",[275,476,478],{"className":277,"code":477,"language":279,"meta":280,"style":280},"export default defineNuxtConfig({\n  modules: ['@nuxt/fonts'],\n  fonts: {\n    adobe: {\n      id: ['\u003Csome-id>', '\u003Canother-kit-id>'],\n    },\n  }\n})\n",[57,479,480,492,510,518,527,556,561,565],{"__ignoreMap":280},[284,481,482,484,486,488,490],{"class":286,"line":287},[284,483,291],{"class":290},[284,485,294],{"class":290},[284,487,298],{"class":297},[284,489,302],{"class":301},[284,491,306],{"class":305},[284,493,494,496,498,500,502,504,506,508],{"class":286,"line":309},[284,495,313],{"class":312},[284,497,316],{"class":305},[284,499,319],{"class":301},[284,501,322],{"class":305},[284,503,326],{"class":325},[284,505,322],{"class":305},[284,507,331],{"class":301},[284,509,334],{"class":305},[284,511,512,514,516],{"class":286,"line":337},[284,513,340],{"class":312},[284,515,316],{"class":305},[284,517,345],{"class":305},[284,519,520,523,525],{"class":286,"line":348},[284,521,522],{"class":312},"    adobe",[284,524,316],{"class":305},[284,526,345],{"class":305},[284,528,529,532,534,536,538,541,543,545,547,550,552,554],{"class":286,"line":359},[284,530,531],{"class":312},"      id",[284,533,316],{"class":305},[284,535,319],{"class":301},[284,537,322],{"class":305},[284,539,540],{"class":325},"\u003Csome-id>",[284,542,322],{"class":305},[284,544,385],{"class":305},[284,546,377],{"class":305},[284,548,549],{"class":325},"\u003Canother-kit-id>",[284,551,322],{"class":305},[284,553,331],{"class":301},[284,555,334],{"class":305},[284,557,558],{"class":286,"line":366},[284,559,560],{"class":305},"    },\n",[284,562,563],{"class":286,"line":402},[284,564,449],{"class":305},[284,566,567,569],{"class":286,"line":408},[284,568,455],{"class":305},[284,570,458],{"class":301},[141,572,573],{},"We currently can't provide non-latin subsets for Adobe Fonts as they do not have a public API for that. Please use other providers in such cases.",[141,575,213,577,149],{"to":576},"https://www.adobe.com/legal/terms.html",[57,578,461],{},[44,580,582],{"id":581},"custom-providers","Custom Providers",[49,584,585,586,149],{},"The core of the provider API in Nuxt Fonts has been extracted to a common library that can be used by any framework - ",[158,587,590],{"href":588,"rel":589},"https://github.com/unjs/unifont",[162],[57,591,592],{},"unifont",[49,594,595,596,598],{},"The provider API is likely to evolve in the next few releases of ",[57,597,592],{},", but at the moment it looks like this:",[275,600,602],{"className":277,"code":601,"language":279,"meta":280,"style":280},"import { defineFontProvider } from 'unifont'\n\nexport default defineFontProvider('some-custom-provider', async (options) => {\n  // do some setup\n  return {\n    async resolveFont (fontFamily, options) {\n      if (fontFamily === 'My Font Family') {\n        return {\n          fonts: [\n            {\n              src: [\n                { url: 'https://cdn.org/my-font.woff2', format: 'woff2' },\n              ],\n              weight: 400,\n              style: 'normal',\n            }\n          ]\n        }\n      }\n    }\n  }\n})\n",[57,603,604,628,634,672,677,684,706,730,737,746,751,760,793,801,815,831,837,843,849,855,861,866],{"__ignoreMap":280},[284,605,606,609,612,615,618,621,623,625],{"class":286,"line":287},[284,607,608],{"class":290},"import",[284,610,611],{"class":305}," {",[284,613,614],{"class":301}," defineFontProvider",[284,616,617],{"class":305}," }",[284,619,620],{"class":290}," from",[284,622,377],{"class":305},[284,624,592],{"class":325},[284,626,627],{"class":305},"'\n",[284,629,630],{"class":286,"line":309},[284,631,633],{"emptyLinePlaceholder":632},true,"\n",[284,635,636,638,640,642,644,646,649,651,653,657,660,664,667,670],{"class":286,"line":337},[284,637,291],{"class":290},[284,639,294],{"class":290},[284,641,614],{"class":297},[284,643,302],{"class":301},[284,645,322],{"class":305},[284,647,648],{"class":325},"some-custom-provider",[284,650,322],{"class":305},[284,652,385],{"class":305},[284,654,656],{"class":655},"spNyl"," async",[284,658,659],{"class":305}," (",[284,661,663],{"class":662},"sHdIc","options",[284,665,666],{"class":305},")",[284,668,669],{"class":655}," =>",[284,671,345],{"class":305},[284,673,674],{"class":286,"line":348},[284,675,676],{"class":362},"  // do some setup\n",[284,678,679,682],{"class":286,"line":359},[284,680,681],{"class":290},"  return",[284,683,345],{"class":305},[284,685,686,689,692,694,697,699,702,704],{"class":286,"line":366},[284,687,688],{"class":655},"    async",[284,690,691],{"class":312}," resolveFont ",[284,693,302],{"class":305},[284,695,696],{"class":662},"fontFamily",[284,698,385],{"class":305},[284,700,701],{"class":662}," options",[284,703,666],{"class":305},[284,705,345],{"class":305},[284,707,708,711,713,715,718,720,723,725,728],{"class":286,"line":402},[284,709,710],{"class":290},"      if",[284,712,659],{"class":312},[284,714,696],{"class":301},[284,716,717],{"class":305}," ===",[284,719,377],{"class":305},[284,721,722],{"class":325},"My Font Family",[284,724,322],{"class":305},[284,726,727],{"class":312},") ",[284,729,306],{"class":305},[284,731,732,735],{"class":286,"line":408},[284,733,734],{"class":290},"        return",[284,736,345],{"class":305},[284,738,739,742,744],{"class":286,"line":438},[284,740,741],{"class":312},"          fonts",[284,743,316],{"class":305},[284,745,356],{"class":312},[284,747,748],{"class":286,"line":446},[284,749,750],{"class":305},"            {\n",[284,752,753,756,758],{"class":286,"line":452},[284,754,755],{"class":312},"              src",[284,757,316],{"class":305},[284,759,356],{"class":312},[284,761,763,766,769,771,773,776,778,780,783,785,787,789,791],{"class":286,"line":762},12,[284,764,765],{"class":305},"                {",[284,767,768],{"class":312}," url",[284,770,316],{"class":305},[284,772,377],{"class":305},[284,774,775],{"class":325},"https://cdn.org/my-font.woff2",[284,777,322],{"class":305},[284,779,385],{"class":305},[284,781,782],{"class":312}," format",[284,784,316],{"class":305},[284,786,377],{"class":305},[284,788,75],{"class":325},[284,790,322],{"class":305},[284,792,399],{"class":305},[284,794,796,799],{"class":286,"line":795},13,[284,797,798],{"class":312},"              ]",[284,800,334],{"class":305},[284,802,804,807,809,813],{"class":286,"line":803},14,[284,805,806],{"class":312},"              weight",[284,808,316],{"class":305},[284,810,812],{"class":811},"sbssI"," 400",[284,814,334],{"class":305},[284,816,818,821,823,825,827,829],{"class":286,"line":817},15,[284,819,820],{"class":312},"              style",[284,822,316],{"class":305},[284,824,377],{"class":305},[284,826,97],{"class":325},[284,828,322],{"class":305},[284,830,334],{"class":305},[284,832,834],{"class":286,"line":833},16,[284,835,836],{"class":305},"            }\n",[284,838,840],{"class":286,"line":839},17,[284,841,842],{"class":312},"          ]\n",[284,844,846],{"class":286,"line":845},18,[284,847,848],{"class":305},"        }\n",[284,850,852],{"class":286,"line":851},19,[284,853,854],{"class":305},"      }\n",[284,856,858],{"class":286,"line":857},20,[284,859,860],{"class":305},"    }\n",[284,862,864],{"class":286,"line":863},21,[284,865,449],{"class":305},[284,867,869,871],{"class":286,"line":868},22,[284,870,455],{"class":305},[284,872,458],{"class":301},[49,874,875,876,879],{},"Module authors can also add their own providers (or remove existing ones) in the ",[57,877,878],{},"fonts:providers"," hook which is called by Nuxt Fonts after all modules have run.",[275,881,883],{"className":277,"code":882,"language":279,"meta":280,"style":280},"nuxt.hook('fonts:providers', providers => {\n  delete providers.adobe\n\n  providers['custom-provider'] = defineFontProvider('custom-provider', async () => {\n    /** some setup */\n    return {\n      async resolveFont (fontFamily, options) {\n        /** resolve font faces */\n      }\n    }\n  })\n})\n",[57,884,885,912,924,928,970,975,982,1001,1006,1010,1014,1021],{"__ignoreMap":280},[284,886,887,890,892,895,897,899,901,903,905,908,910],{"class":286,"line":287},[284,888,889],{"class":301},"nuxt",[284,891,149],{"class":305},[284,893,894],{"class":297},"hook",[284,896,302],{"class":301},[284,898,322],{"class":305},[284,900,878],{"class":325},[284,902,322],{"class":305},[284,904,385],{"class":305},[284,906,907],{"class":662}," providers",[284,909,669],{"class":655},[284,911,345],{"class":305},[284,913,914,917,919,921],{"class":286,"line":309},[284,915,916],{"class":305},"  delete",[284,918,907],{"class":301},[284,920,149],{"class":305},[284,922,923],{"class":301},"adobe\n",[284,925,926],{"class":286,"line":337},[284,927,633],{"emptyLinePlaceholder":632},[284,929,930,933,936,938,941,943,946,949,951,953,955,957,959,961,963,966,968],{"class":286,"line":348},[284,931,932],{"class":301},"  providers",[284,934,935],{"class":312},"[",[284,937,322],{"class":305},[284,939,940],{"class":325},"custom-provider",[284,942,322],{"class":305},[284,944,945],{"class":312},"] ",[284,947,948],{"class":305},"=",[284,950,614],{"class":297},[284,952,302],{"class":312},[284,954,322],{"class":305},[284,956,940],{"class":325},[284,958,322],{"class":305},[284,960,385],{"class":305},[284,962,656],{"class":655},[284,964,965],{"class":305}," ()",[284,967,669],{"class":655},[284,969,345],{"class":305},[284,971,972],{"class":286,"line":359},[284,973,974],{"class":362},"    /** some setup */\n",[284,976,977,980],{"class":286,"line":366},[284,978,979],{"class":290},"    return",[284,981,345],{"class":305},[284,983,984,987,989,991,993,995,997,999],{"class":286,"line":402},[284,985,986],{"class":655},"      async",[284,988,691],{"class":312},[284,990,302],{"class":305},[284,992,696],{"class":662},[284,994,385],{"class":305},[284,996,701],{"class":662},[284,998,666],{"class":305},[284,1000,345],{"class":305},[284,1002,1003],{"class":286,"line":408},[284,1004,1005],{"class":362},"        /** resolve font faces */\n",[284,1007,1008],{"class":286,"line":438},[284,1009,854],{"class":305},[284,1011,1012],{"class":286,"line":446},[284,1013,860],{"class":305},[284,1015,1016,1019],{"class":286,"line":452},[284,1017,1018],{"class":305},"  }",[284,1020,458],{"class":312},[284,1022,1023,1025],{"class":286,"line":762},[284,1024,455],{"class":305},[284,1026,458],{"class":301},[1028,1029,1030],"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 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}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":280,"searchDepth":309,"depth":309,"links":1032},[1033,1043],{"id":46,"depth":309,"text":47,"children":1034},[1035,1036,1037,1038,1039,1040,1041,1042],{"id":55,"depth":337,"text":55},{"id":152,"depth":337,"text":152},{"id":167,"depth":337,"text":167},{"id":180,"depth":337,"text":180},{"id":199,"depth":337,"text":199},{"id":218,"depth":337,"text":218},{"id":231,"depth":337,"text":231},{"id":461,"depth":337,"text":461},{"id":581,"depth":309,"text":582},"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.","md",null,{},{"title":22,"description":1044},"--Zt6ZUlUQqGKgwd8L1BCrkTyiC1wj0p8SV3S32jfOU",[1051,1053],{"title":18,"path":19,"stem":20,"description":1052,"children":-1},"Use Nuxt Fonts with any CSS framework or library.",{"title":26,"path":27,"stem":28,"description":1054,"children":-1},"Breaking changes and migration steps when upgrading to the latest version of @nuxt/fonts.",1776374035806]