[{"data":1,"prerenderedAt":324},["ShallowReactive",2],{"navigation":3,"-docs-misc-convert-ttf-woff2":136,"-docs-misc-convert-ttf-woff2-surround":308,"mdc-i8i488-key":313},[4],{"title":5,"titleTemplate":6,"icon":7,"path":8,"stem":9,"children":10,"page":29},"Docs","%s · Yabe Webfont","lucide:book-marked","\u002Fdocs","docs",[11,30,52,119],{"title":12,"titleTemplate":13,"icon":14,"path":15,"stem":16,"children":17,"page":29},"Getting Started","%s · Getting Started with Yabe Webfont","i-lucide-rocket","\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",[18,24],{"title":19,"path":20,"stem":21,"titleTemplate":22,"icon":23},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002F1.getting-started\u002F1.introduction",null,"i-lucide-info",{"title":25,"path":26,"stem":27,"titleTemplate":22,"icon":28},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002F1.getting-started\u002F2.installation","i-lucide-download",false,{"title":31,"titleTemplate":32,"icon":33,"path":34,"stem":35,"children":36,"page":29},"Fonts","%s · Fonts · Yabe Webfont","i-lucide-type","\u002Fdocs\u002Ffonts","docs\u002F2.fonts",[37,42,47],{"title":38,"path":39,"stem":40,"titleTemplate":22,"icon":41},"Adding Custom Font","\u002Fdocs\u002Ffonts\u002Fcustom-font","docs\u002F2.fonts\u002F1.custom-font","i-lucide-file-up",{"title":43,"path":44,"stem":45,"titleTemplate":22,"icon":46},"Self-hosting Google Fonts","\u002Fdocs\u002Ffonts\u002Fgoogle-fonts","docs\u002F2.fonts\u002F2.google-fonts","simple-icons:googlefonts",{"title":48,"path":49,"stem":50,"titleTemplate":22,"icon":51},"Embedding Adobe Fonts","\u002Fdocs\u002Ffonts\u002Fadobe-fonts","docs\u002F2.fonts\u002F3.adobe-fonts","simple-icons:adobefonts",{"title":53,"titleTemplate":54,"icon":55,"path":56,"stem":57,"children":58,"page":29},"Integrations","%s · Integrations · Yabe Webfont","i-lucide-puzzle","\u002Fdocs\u002Fintegrations","docs\u002F3.integrations",[59,64,69,74,79,84,89,94,99,104,109,114],{"title":60,"path":61,"stem":62,"titleTemplate":22,"icon":63},"Elementor","\u002Fdocs\u002Fintegrations\u002Felementor","docs\u002F3.integrations\u002F1.elementor","i-custom-builder-elementor",{"title":65,"path":66,"stem":67,"titleTemplate":22,"icon":68},"Classic Editor","\u002Fdocs\u002Fintegrations\u002Fclassic-editor","docs\u002F3.integrations\u002F10.classic-editor","i-lucide-pen-line",{"title":70,"path":71,"stem":72,"titleTemplate":22,"icon":73},"Zion Builder","\u002Fdocs\u002Fintegrations\u002Fzion-builder","docs\u002F3.integrations\u002F11.zion-builder","i-custom-builder-zion",{"title":75,"path":76,"stem":77,"titleTemplate":22,"icon":78},"Theme \u002F Plugin Developers","\u002Fdocs\u002Fintegrations\u002Fdeveloper","docs\u002F3.integrations\u002F12.developer","i-lucide-code-xml",{"title":80,"path":81,"stem":82,"titleTemplate":22,"icon":83},"Bricks","\u002Fdocs\u002Fintegrations\u002Fbricks","docs\u002F3.integrations\u002F2.bricks","i-custom-builder-bricks",{"title":85,"path":86,"stem":87,"titleTemplate":22,"icon":88},"Oxygen","\u002Fdocs\u002Fintegrations\u002Foxygen","docs\u002F3.integrations\u002F3.oxygen","i-custom-builder-oxygen",{"title":90,"path":91,"stem":92,"titleTemplate":22,"icon":93},"Gutenberg","\u002Fdocs\u002Fintegrations\u002Fgutenberg","docs\u002F3.integrations\u002F4.gutenberg","i-custom-builder-gutenberg",{"title":95,"path":96,"stem":97,"titleTemplate":22,"icon":98},"Breakdance","\u002Fdocs\u002Fintegrations\u002Fbreakdance","docs\u002F3.integrations\u002F5.breakdance","i-custom-builder-breakdance",{"title":100,"path":101,"stem":102,"titleTemplate":22,"icon":103},"Beaver Builder","\u002Fdocs\u002Fintegrations\u002Fbeaver-builder","docs\u002F3.integrations\u002F6.beaver-builder","i-custom-builder-beaver",{"title":105,"path":106,"stem":107,"titleTemplate":22,"icon":108},"Builderius","\u002Fdocs\u002Fintegrations\u002Fbuilderius","docs\u002F3.integrations\u002F7.builderius","i-custom-builder-builderius",{"title":110,"path":111,"stem":112,"titleTemplate":22,"icon":113},"Cwicly","\u002Fdocs\u002Fintegrations\u002Fcwicly","docs\u002F3.integrations\u002F8.cwicly","i-custom-builder-blockstudio",{"title":115,"path":116,"stem":117,"titleTemplate":22,"icon":118},"GeneratePress & GenerateBlocks","\u002Fdocs\u002Fintegrations\u002Fgeneratepress","docs\u002F3.integrations\u002F9.generatepress","i-custom-builder-generatepress",{"title":120,"titleTemplate":121,"icon":122,"path":123,"stem":124,"children":125,"page":29},"Misc","%s · Misc · Yabe Webfont","i-lucide-wrench","\u002Fdocs\u002Fmisc","docs\u002F4.misc",[126,131],{"title":127,"path":128,"stem":129,"titleTemplate":22,"icon":130},"Convert variable font TTF to WOFF2","\u002Fdocs\u002Fmisc\u002Fconvert-ttf-woff2","docs\u002F4.misc\u002F1.convert-ttf-woff2","i-lucide-file-down",{"title":132,"path":133,"stem":134,"titleTemplate":22,"icon":135},"Without the Plugin","\u002Fdocs\u002Fmisc\u002Fno-plugin","docs\u002F4.misc\u002F2.no-plugin","i-lucide-unplug",{"id":137,"title":127,"body":138,"description":301,"extension":302,"links":22,"meta":303,"navigation":304,"path":128,"seo":305,"sitemap":306,"stem":129,"titleTemplate":22,"__hash__":307},"docs\u002Fdocs\u002F4.misc\u002F1.convert-ttf-woff2.md",{"type":139,"value":140,"toc":295},"minimark",[141,154,167,172,186,207,218,221,250,254,263,271,283],[142,143,144,145,149,150,153],"p",{},"If you have a variable font with ",[146,147,148],"code",{},"TTF"," format on your computer and want to use it on your site, you must convert the file to ",[146,151,152],{},"WOFF2"," format.",[142,155,156,158,159,166],{},[146,157,152],{}," format font file is recommended by ",[160,161,165],"a",{"href":162,"rel":163},"https:\u002F\u002Fweb.dev\u002Ffont-best-practices\u002F",[164],"nofollow","web.dev"," to use for websites, and the format has better compression with an average over 30% reduction in file size, making your site faster and lightweight.",[168,169,171],"h2",{"id":170},"ttf-to-woff2-converter","TTF to WOFF2 Converter",[142,173,174,175,179,180,185],{},"The converter below runs ",[176,177,178],"strong",{},"entirely in your browser"," using ",[160,181,184],{"href":182,"rel":183},"https:\u002F\u002Fwebassembly.org\u002F",[164],"WebAssembly",". Your font files are never uploaded to any server — the conversion happens locally on your device, so it is completely private and works offline once the page is loaded.",[142,187,188,189,194,195,200,201,206],{},"It is powered by Google's ",[160,190,193],{"href":191,"rel":192},"https:\u002F\u002Fgithub.com\u002Fgoogle\u002Fwoff2",[164],"woff2"," library, compiled to WebAssembly with ",[160,196,199],{"href":197,"rel":198},"https:\u002F\u002Femscripten.org\u002F",[164],"emscripten"," by the open-source ",[160,202,205],{"href":203,"rel":204},"https:\u002F\u002Fgithub.com\u002FLibreService\u002Fmy_font_converter",[164],"My Font Converter"," project.",[142,208,209,210,213,214,217],{},"Drop your ",[146,211,212],{},".ttf"," or ",[146,215,216],{},".woff2"," files below to convert them. TTF files are converted to WOFF2, and WOFF2 files are converted back to TTF.",[219,220],"font-converter",{},[222,223,226],"callout",{"icon":224,"title":225},"i-lucide-lightbulb","Why WOFF2?",[142,227,228,230,231,234,235,237,238,243,244,246,247,249],{},[146,229,152],{}," offers better compression than ",[146,232,233],{},"WOFF"," and ",[146,236,148],{},", and it supports ",[160,239,242],{"href":240,"rel":241},"https:\u002F\u002Ffonts.google.com\u002Fknowledge\u002Fglossary\u002Fvariable_fonts",[164],"variable fonts",". Use ",[146,245,152],{}," as the primary format for serving fonts on the web, with ",[146,248,233],{}," as a fallback for older browsers if you need to support them.",[168,251,253],{"id":252},"one-click-google-fonts-self-host","One-click Google Fonts self-host",[142,255,256,257,259,260,262],{},"If you want to self-host the Google Fonts on your WordPress site and download the file from the Google Fonts site, you will find out that the downloaded font file format is ",[146,258,148],{},". Convert the file to ",[146,261,152],{}," by using the converter above. Some of you may find this workflow cumbersome to self-host Google Fonts.",[142,264,265,266,270],{},"Fortunately, we have built the ",[160,267,269],{"href":268},"\u002F","Yabe Webfont"," plugin, a WordPress plugin with a one-click Google Fonts import feature that allows you to self-host the files in seconds.",[142,272,273,274,276,277,279,280,282],{},"It offers multiple font file formats that can be chosen: ",[146,275,152],{},", ",[146,278,233],{},", and ",[146,281,148],{},".",[142,284,285,286,276,288,276,290,292,293,282],{},"It has first-class visual builder integration for the most popular visual builders and themes, including ",[160,287,60],{"href":61},[160,289,85],{"href":86},[160,291,80],{"href":81},", and even ",[160,294,90],{"href":91},{"title":296,"searchDepth":297,"depth":297,"links":298},"",2,[299,300],{"id":170,"depth":297,"text":171},{"id":252,"depth":297,"text":253},"Convert variable font TTF to WOFF2 format right in your browser — no upload, fully private, powered by WebAssembly.","md",{},{"icon":130},{"title":127,"description":301},{"loc":128},"YwO-3NynpjRJIrPc2jPFhDa339xW1TvxpDoYIhnfHSg",[309,311],{"title":115,"path":116,"stem":117,"description":310,"icon":118,"children":-1},"How to use custom fonts in GeneratePress & GenerateBlocks.",{"title":132,"path":133,"stem":134,"description":312,"icon":135,"children":-1},"How to keep the custom fonts when you disable or uninstall the plugin.",{"data":314,"body":315},{},{"type":316,"children":317},"root",[318],{"type":319,"tag":142,"props":320,"children":321},"element",{},[322],{"type":323,"value":301},"text",1782209488467]