[{"data":1,"prerenderedAt":398},["ShallowReactive",2],{"navigation":3,"-docs-getting-started-introduction":136,"-docs-getting-started-introduction-surround":384,"mdc--acm1ts-key":387},[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":19,"body":138,"description":377,"extension":378,"links":22,"meta":379,"navigation":380,"path":20,"seo":381,"sitemap":382,"stem":21,"titleTemplate":22,"__hash__":383},"docs\u002Fdocs\u002F1.getting-started\u002F1.introduction.md",{"type":139,"value":140,"toc":369},"minimark",[141,145,150,158,162,165,245,249,265,279,283,335,345,354,357,366],[142,143,144],"p",{},"The font is one of the essential elements of your website design. It is vital to your website's user experience, readability, and SEO. However, most WordPress themes and visual builder plugins do not have custom font options.",[146,147,149],"h2",{"id":148},"what-is-yabe-webfont","What is Yabe Webfont?",[142,151,152,153,157],{},"Yabe Webfont is a ",[154,155,156],"strong",{},"GDPR-friendly"," font WordPress plugin made for designers and developers that is advanced, easy to use, and intuitive to give you complete control over your fonts and typography in WordPress.",[146,159,161],{"id":160},"key-features","Key Features",[142,163,164],{},"The Yabe Webfont was carefully crafted with specific features in mind:",[166,167,168,182,198,208,218,235],"ul",{},[169,170,171,177,178,181],"li",{},[172,173],"icon",{"className":174,"name":176},[175],"mr-1.5","fa6-solid:file-shield"," ",[154,179,180],{},"GDPR \u002F DSGVO friendly"," :\nYabe Webfont allows you to import\u002Fself-hosting Google Fonts files from your server through your WordPress admin page. Fewer reasons to worry about GDPR \u002F DSGVO compliance.",[169,183,184,177,187,190,191,177,194,197],{},[172,185],{"className":186,"name":46},[175],[154,188,189],{},"Google Fonts"," and ",[172,192],{"className":193,"name":51},[175],[154,195,196],{},"Adobe Fonts ready"," :\nStart using any available fonts on Google Fonts and Adobe Fonts.",[169,199,200,177,204,207],{},[172,201],{"className":202,"name":203},[175],"fa6-solid:face-smile",[154,205,206],{},"Easy to use"," :\nAdd custom fonts to your WordPress site with a simple and intuitive interface. No coding knowledge is needed. You can upload the font files using the WordPress media uploader. No FTP is required.",[169,209,210,177,214,217],{},[172,211],{"className":212,"name":213},[175],"fa6-solid:gear",[154,215,216],{},"Fine-tuning"," :\nYou can customize the font to your preference with the granular setting. However, in most situations, the default font works well.",[169,219,220,177,224,190,227,177,231,234],{},[172,221],{"className":222,"name":223},[175],"fa6-solid:feather",[154,225,226],{},"Lightweight",[172,228],{"className":229,"name":230},[175],"fa6-solid:bolt",[154,232,233],{},"blazingly fast"," :\nOur font management system uses a modern JavaScript framework and WordPress REST API for an instant, responsive user experience. The front page cache ensures fast loading and reduced database queries.",[169,236,237,177,241,244],{},[172,238],{"className":239,"name":240},[175],"fa6-solid:box-archive",[154,242,243],{},"Variable Fonts"," :\nThe variable font format enables a font file to hold various stylistic variations.",[146,246,248],{"id":247},"join-our-community","Join our Community",[142,250,251,255,256,264],{},[172,252],{"className":253,"name":254},[175],"fa6-solid:comments"," Join us in the ",[257,258,260],"a",{"href":259},"\u002Fgo\u002Ffacebook",[261,262,263],"code",{},"Facebook group"," and get involved in the active, friendly community!",[142,266,267,271,272,278],{},[172,268],{"className":269,"name":270},[175],"fa6-solid:headset"," Send us a ",[257,273,275],{"href":274},"\u002Fgo\u002Fticket",[261,276,277],{},"support ticket"," and we will get back to you as soon as possible.",[146,280,282],{"id":281},"community-resources","Community Resources",[166,284,285,293,300,307,314,321,328],{},[169,286,287],{},[257,288,292],{"href":289,"rel":290},"https:\u002F\u002Fbreakdance4fun.supadezign.com\u002Fhow-to-host-google-fonts-locally\u002F#plugin",[291],"nofollow","How to host Google Fonts locally",[169,294,295],{},[257,296,299],{"href":297,"rel":298},"https:\u002F\u002Fjornes.net\u002Fblog\u002Fwordpress-plugins\u002Fyabe-webfont-self-host-google-fonts-locally",[291],"Yabe Webfont makes self-host google fonts locally easier",[169,301,302],{},[257,303,306],{"href":304,"rel":305},"https:\u002F\u002Fwildcard.fi\u002Fgoogle-fonts-ja-gdpr\u002F",[291],"Google Fonts ja GDPR",[169,308,309],{},[257,310,313],{"href":311,"rel":312},"https:\u002F\u002Fgoldpenguin.org\u002Fblog\u002Fyabe-webfont-review\u002F",[291],"Yabe Webfont Review - Instantly Add Fonts to WordPress",[169,315,316],{},[257,317,320],{"href":318,"rel":319},"https:\u002F\u002Ftoolonomy.com\u002Fyabe-webfont-review\u002F",[291],"Yabe Webfont Review: No-Code WordPress Font Manager Plugin",[169,322,323],{},[257,324,327],{"href":325,"rel":326},"https:\u002F\u002Ftechgizmo.vip\u002Fyabe-webfont-revolutionizes-gdpr-compliance\u002F",[291],"How Yabe Webfont Revolutionizes GDPR Compliance for WordPress",[169,329,330],{},[257,331,334],{"href":332,"rel":333},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=uMj0x0ucnOw",[291],"Self-hosting fonts (Google fonts, Adobe fonts, Variable fonts) made super easy | WordPress Tutorial",[336,337],"iframe",{"width":338,"height":339,"src":340,"title":341,"frameBorder":342,"allow":343,"allowFullScreen":344},560,315,"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FuMj0x0ucnOw","YouTube video player","0","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",true,[166,346,347],{},[169,348,349],{},[257,350,353],{"href":351,"rel":352},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=A0JZzEVIUzQ",[291],"Local Fonts in WordPress: Manually and with Yabe Webfont",[336,355],{"width":338,"height":339,"src":356,"title":341,"frameBorder":342,"allow":343,"allowFullScreen":344},"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FA0JZzEVIUzQ",[166,358,359],{},[169,360,361],{},[257,362,365],{"href":363,"rel":364},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=M_69nks3fuU",[291],"(Indonesia) Yabe Webfont : Plugin Manajemen Font untuk Wordpress",[336,367],{"width":338,"height":339,"src":368,"title":341,"frameBorder":342,"allow":343,"allowFullScreen":344},"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FM_69nks3fuU",{"title":370,"searchDepth":371,"depth":371,"links":372},"",2,[373,374,375,376],{"id":148,"depth":371,"text":149},{"id":160,"depth":371,"text":161},{"id":247,"depth":371,"text":248},{"id":281,"depth":371,"text":282},"A basic intro to Yabe Webfont.","md",{},{"icon":23},{"title":19,"description":377},{"loc":20},"PU43Th6rOFLSq0F6fl3x8Y4SCZR01WISMMYHjmaHjkg",[22,385],{"title":25,"path":26,"stem":27,"description":386,"icon":28,"children":-1},"How to install Yabe Webfont on a WordPress website.",{"data":388,"body":389},{},{"type":390,"children":391},"root",[392],{"type":393,"tag":142,"props":394,"children":395},"element",{},[396],{"type":397,"value":377},"text",1782209490133]