[{"data":1,"prerenderedAt":406},["ShallowReactive",2],{"navigation":3,"-docs-integrations-generatepress":136,"-docs-integrations-generatepress-surround":390,"mdc--hbcuvr-key":395},[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":115,"body":138,"description":383,"extension":384,"links":22,"meta":385,"navigation":386,"path":116,"seo":387,"sitemap":388,"stem":117,"titleTemplate":22,"__hash__":389},"docs\u002Fdocs\u002F3.integrations\u002F9.generatepress.md",{"type":139,"value":140,"toc":368},"minimark",[141,152,160,163,178,183,186,208,213,218,229,236,242,246,249,255,259,262,286,292,298,302,305,309,315,335,339,352,358,362,365],[142,143,144,151],"p",{},[145,146,150],"a",{"href":147,"rel":148},"https:\u002F\u002Fgeneratepress.com\u002F?ref=7954",[149],"nofollow","GeneratePress"," is a lightweight WordPress theme that focuses on speed, stability, and accessibility.",[142,153,154,159],{},[145,155,158],{"href":156,"rel":157},"https:\u002F\u002Fgenerateblocks.com\u002F",[149],"GenerateBlocks"," is a small collection of lightweight WordPress blocks that can accomplish nearly anything.",[142,161,162],{},"Yabe Webfont is fully featured and working great with GeneratePress & GenerateBlocks. The built-in integration gives you the native experience of using custom fonts in GeneratePress & GenerateBlocks.",[142,164,165,166,169,170,173,174,177],{},"You can use any ",[145,167,168],{"href":39},"Custom Font",", embedding ",[145,171,172],{"href":49},"Adobe Fonts"," or ",[145,175,176],{"href":44},"self-hosting Google Fonts"," in the GeneratePress & GenerateBlocks.",[179,180,182],"h4",{"id":181},"supported-versions","Supported versions",[142,184,185],{},"We at Yabe Webfont have taken efforts to ensure compatibility with various versions of GeneratePress and GenerateBlocks. The following versions are currently supported:",[187,188,189,201],"ul",{},[190,191,192,195,196,200],"li",{},[193,194,150],"strong",{}," ",[197,198,199],"code",{},"3.1.0"," or later.",[190,202,203,195,205,200],{},[193,204,158],{},[197,206,207],{},"1.8.0",[209,210,212],"h2",{"id":211},"using-custom-fonts-in-the-generatepress","Using custom fonts in the GeneratePress",[214,215,217],"h3",{"id":216},"step-1-typography-menu","Step 1: Typography menu",[142,219,220,221,224,225,228],{},"From the WordPress admin panel, navigate to ",[193,222,223],{},"Appearance > Customize"," to open the Customizer. Then click the ",[193,226,227],{},"Typography"," menu to expand the panel.",[142,230,231],{},[232,233],"img",{"alt":234,"src":235},"Open the Customizer Typography menu","\u002Ftutorial\u002Fintegration\u002Fgeneratepress\u002F1.png",[142,237,238],{},[232,239],{"alt":240,"src":241},"Typography menu","\u002Ftutorial\u002Fintegration\u002Fgeneratepress\u002F2.png",[214,243,245],{"id":244},"step-2-font-manager","Step 2: Font Manager",[142,247,248],{},"Yabe Webfont has a built-in integration with the GeneratePress theme, so you didn't need to add the font manually. Let's move to the next step.",[142,250,251],{},[232,252],{"alt":253,"src":254},"Font Manager","\u002Ftutorial\u002Fintegration\u002Fgeneratepress\u002F3.png",[214,256,258],{"id":257},"step-3-typography-manager","Step 3: Typography Manager",[142,260,261],{},"Assign the font to the desired element.",[263,264,265,272,279],"ol",{},[190,266,267,268,271],{},"Click the ",[193,269,270],{},"Add Typography"," button.",[190,273,274,275,278],{},"Choose the target element on the ",[193,276,277],{},"Target Element"," dropdown field.",[190,280,281,282,285],{},"Choose your font on the ",[193,283,284],{},"Font Family"," dropdown list.",[142,287,288],{},[232,289],{"alt":290,"src":291},"Typography Manager","\u002Ftutorial\u002Fintegration\u002Fgeneratepress\u002F4.png",[142,293,294],{},[232,295],{"alt":296,"src":297},"Assign the font","\u002Ftutorial\u002Fintegration\u002Fgeneratepress\u002F5.png",[209,299,301],{"id":300},"using-custom-fonts-in-the-generateblocks","Using custom fonts in the GenerateBlocks",[142,303,304],{},"Yabe Webfont has a built-in integration with the GenerateBlocks v1.8.0 or later.",[214,306,308],{"id":307},"step-1-open-the-block-setting-panel","Step 1: Open the Block setting panel",[142,310,311],{},[232,312],{"alt":313,"src":314},"Open the Block setting panel","\u002Ftutorial\u002Fintegration\u002Fgeneratepress\u002F6.png",[263,316,317,320,328],{},[190,318,319],{},"Choose the GenerateBlocks' block on the Gutenberg editor's canvas",[190,321,322,323,327],{},"Then click the ",[324,325],"icon",{"name":326},"lucide:panel-right"," icon on the top right corner of the screen",[190,329,330,331,334],{},"And switch to the ",[193,332,333],{},"Block"," tab.",[214,336,338],{"id":337},"step-2-select-the-font-family","Step 2: Select the font family",[142,340,341,342,344,345,347,348,351],{},"Expand the ",[193,343,227],{}," section and choose your font on the ",[193,346,284],{}," dropdown list under the ",[197,349,350],{},"Yabe Webfont"," category.\nThe block you have selected will be updated immediately.",[142,353,354],{},[232,355],{"alt":356,"src":357},"Select the font family","\u002Ftutorial\u002Fintegration\u002Fgeneratepress\u002F7.png",[209,359,361],{"id":360},"disable-the-google-fonts-in-generatepress-and-generateblocks","Disable the Google Fonts in GeneratePress and GenerateBlocks",[142,363,364],{},"GeneratePress and GenerateBlocks use the Google Fonts Web API to provide users with the Google Fonts collection. To be GDPR compliant, you must disable the Google Fonts in GeneratePress and GenerateBlocks.",[142,366,367],{},"Yabe Webfont forcibly programmatically disables the Google Fonts in GeneratePress and GenerateBlocks, so you don't need to do anything.",{"title":369,"searchDepth":370,"depth":370,"links":371},"",2,[372,378,382],{"id":211,"depth":370,"text":212,"children":373},[374,376,377],{"id":216,"depth":375,"text":217},3,{"id":244,"depth":375,"text":245},{"id":257,"depth":375,"text":258},{"id":300,"depth":370,"text":301,"children":379},[380,381],{"id":307,"depth":375,"text":308},{"id":337,"depth":375,"text":338},{"id":360,"depth":370,"text":361},"How to use custom fonts in GeneratePress & GenerateBlocks.","md",{},{"icon":118},{"title":115,"description":383},{"loc":116},"nUYAsL7MBHQWqqmLZdMIai5rqjlBzdr-rpQmQjqsHg8",[391,393],{"title":110,"path":111,"stem":112,"description":392,"icon":113,"children":-1},"How to use custom fonts in Cwicly.",{"title":127,"path":128,"stem":129,"description":394,"icon":130,"children":-1},"Convert variable font TTF to WOFF2 format right in your browser — no upload, fully private, powered by WebAssembly.",{"data":396,"body":397},{},{"type":398,"children":399},"root",[400],{"type":401,"tag":142,"props":402,"children":403},"element",{},[404],{"type":405,"value":383},"text",1782209488467]