| title | description | i18nReady |
|---|---|---|
Zion Builder |
How to use custom fonts in the Zion Builder |
false |
Zion Builder is a WordPress plugin that aims to be the fastest, most performant, and most flexible website builder available. It is a tool that allows you to create high-performance websites that load fast both in the back-end and front-end.
Yabe Webfont allows you to use Custom Font, embedding Adobe Fonts or self-hosting Google Fonts in the Zion Builder with less effort.
Choose the text element by clicking on the canvas or the Tree view panel.
](/orgrosua/yabe-webfont-docs/blob/master/tutorial/integration/zion-builder/1.png){kind=link}
Click on the Styling tab to switch to the Styling tab.
](/orgrosua/yabe-webfont-docs/blob/master/tutorial/integration/zion-builder/2.png){kind=link}
Choose the selector you want to apply the font to.
](/orgrosua/yabe-webfont-docs/blob/master/tutorial/integration/zion-builder/3.png){kind=link}
Click the Typography menu to open the Typography setting.
](/orgrosua/yabe-webfont-docs/blob/master/tutorial/integration/zion-builder/4.png){kind=link}
Click the Font Family dropdown list to open the font list.
](/orgrosua/yabe-webfont-docs/blob/master/tutorial/integration/zion-builder/5.png){kind=link}