[{"data":1,"prerenderedAt":283},["ShallowReactive",2],{"navigation":3,"-docs-fonts-adobe-fonts":136,"-docs-fonts-adobe-fonts-surround":267,"mdc--bmwtk1-key":272},[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":48,"body":138,"description":260,"extension":261,"links":22,"meta":262,"navigation":263,"path":49,"seo":264,"sitemap":265,"stem":50,"titleTemplate":22,"__hash__":266},"docs\u002Fdocs\u002F2.fonts\u002F3.adobe-fonts.md",{"type":139,"value":140,"toc":252},"minimark",[141,152,161,166,180,187,191,203,209,213,224,230,234,240,246],[142,143,144,151],"p",{},[145,146,150],"a",{"href":147,"rel":148},"https:\u002F\u002Ffonts.adobe.com",[149],"nofollow","Adobe Fonts"," is a font subscription service offered by Adobe with over 20,000 fonts from hundreds of type foundries.",[142,153,154,155,160],{},"Despite Adobe ",[145,156,159],{"href":157,"rel":158},"https:\u002F\u002Fhelpx.adobe.com\u002Ffonts\u002Fusing\u002Ffont-licensing.html#web-host",[149],"doesn't offer"," the ability to locally host the web font files on your server, it's pretty easy to embed Adobe Fonts on your WordPress website with Yabe Webfont.",[162,163,165],"h2",{"id":164},"step-1-get-the-project-id","Step 1: Get the Project ID",[142,167,168,169,174,175,179],{},"Visit ",[145,170,173],{"href":171,"rel":172},"https:\u002F\u002Ffonts.adobe.com\u002Fmy_fonts#web_projects-section",[149],"https:\u002F\u002Ffonts.adobe.com\u002Fmy_fonts"," and sign in to your account. Then copy the ",[176,177,178],"code",{},"Project ID"," of the project you want to use.",[142,181,182],{},[183,184],"img",{"alt":185,"src":186},"Get the Adobe Fonts Project ID","\u002Ftutorial\u002Ffont\u002Fadobe-fonts\u002F1.png",[162,188,190],{"id":189},"step-2-open-the-settings-page","Step 2: Open the Settings page",[142,192,193,194,198,199,202],{},"On your WordPress website, go to ",[195,196,197],"strong",{},"Appearance → Yabe Webfont"," and switch to the ",[195,200,201],{},"Settings"," tab.",[142,204,205],{},[183,206],{"alt":207,"src":208},"Open the Settings page","\u002Ftutorial\u002Ffont\u002Fadobe-fonts\u002F2.png",[162,210,212],{"id":211},"step-3-sync-the-project","Step 3: Sync the project",[142,214,215,216,219,220,223],{},"Paste the Project ID you copied in Step 1 into the ",[195,217,218],{},"Adobe Fonts → Project ID"," field and click the ",[195,221,222],{},"Sync"," button.",[142,225,226],{},[183,227],{"alt":228,"src":229},"Sync the Adobe Fonts project","\u002Ftutorial\u002Ffont\u002Fadobe-fonts\u002F3.png",[162,231,233],{"id":232},"step-4-synced","Step 4: Synced!",[142,235,236,237,239],{},"If the synchronization is successful, you will see a success message.\nSwitch to the ",[195,238,31],{}," tab, and the fonts in the project are synced will appear in the list.",[142,241,242],{},[183,243],{"alt":244,"src":245},"Synced Adobe Fonts","\u002Ftutorial\u002Ffont\u002Fadobe-fonts\u002F4.png",[142,247,248],{},[183,249],{"alt":250,"src":251},"Adobe Fonts in the list","\u002Ftutorial\u002Ffont\u002Fadobe-fonts\u002F5.png",{"title":253,"searchDepth":254,"depth":254,"links":255},"",2,[256,257,258,259],{"id":164,"depth":254,"text":165},{"id":189,"depth":254,"text":190},{"id":211,"depth":254,"text":212},{"id":232,"depth":254,"text":233},"How to use Adobe Fonts on a WordPress website.","md",{},{"icon":51},{"title":48,"description":260},{"loc":49},"6GicG9r-3yNFGCkGsBVzL-m94aFEJaVDD6KVt4ZxEI4",[268,270],{"title":43,"path":44,"stem":45,"description":269,"icon":46,"children":-1},"How to self-host Google Fonts on a WordPress website.",{"title":60,"path":61,"stem":62,"description":271,"icon":63,"children":-1},"How to use custom fonts in Elementor.",{"data":273,"body":274},{},{"type":275,"children":276},"root",[277],{"type":278,"tag":142,"props":279,"children":280},"element",{},[281],{"type":282,"value":260},"text",1782209488467]