This option is mostly used by designers who have obtained a font that they would like to embed on their landing page. If you'd like to embed a Google font, there's no need to embed anything as it's a built-in feature in Pagewiz.
In case you would like the font to apply to all elements located on your page, embed the following CSS code: <style> @import url(**Font URL**); body, html, h1, h2, h3, h4, h5, h6, h7, div, span, p, input, label { font-family: **ENTER YOUR FONT-FAMILY HERE** !important; } </style>
For example, to embed the 'Open Sans Hebrew' font:
<style> @import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css); body, html, h1, h2, h3, h4, h5, h6, h7, div, span, p, input, label { font-family: 'Open Sans Hebrew', sans-serif !important; } </style>
That's it. Now all text elements on your page will display the font you have embedded.
However, In case you would like to embed the external font only to specific element/s, please follow this guide:
Step 1: Embed the Font into Pagewiz.
- Go to your Pagewiz account and open the page in Design mode.
- Click 'Page Settings' from the ribbon menu, select 'Scripts & Styles', and click 'Styles'.
- Click 'Add A New Style'. Name your style so that you can identify it later. Add code like the example below. Remember to:
- replace the Font URL, and Font name with your actual Font URL and Font name.
- Wrap your CSS code with the