Fonts

Google Fonts

You can specify the fonts you would like available to your Funnel Pages by selecting the Fonts option.

Once Saved, selected fonts will be available as an option on text elements when designing your pages.

 

Adding Your Own Fonts

You may also choose to add your own font files to use in the builder. Follow these steps:

  1. Upload your font file using the Maintenance file upload section of your funnel settings.

 

  1. Once the funnel is published, your font will be located at https://yourfunneldomain.com/your-font.woff (“yourfunneldomain.com” and “your-font.woff” will be the actual names of your funnel domain and font file).

  2. In the builder, you will need to edit your page and add the new font via the @font-face and a new CSS style. This will allow you to use your new font wherever needed on that page. To add the font to the CSS, add the following information to the CSS editor:

.your-font-class{
font-family:'Your-font-Name', Helvetica, serif;
}
@font-face{
font-family:'YourFontName';
src:url(https://yourfunneldomain.com/your-font.woff) format('woff');
font-weight:normal;
font-style:normal;
}

  1. Once your new font file is added to the CSS with a corresponding class name, you will use that new class name to use that font wherever needed on that page. Select the text where the new font is needed and add the new class name by clicking the “+” sign in the Classes setting of the Settings menu. Then add your class name and click “Enter”.