Add fonts to your site

<< Click to Display Table of Contents >>

Navigation:  Bizagi Studio > Sites > Sites Editor > Building a site > Sites Dashboard >

Add fonts to your site

You can upload any font to your site. When you download your site it will include all the custom fonts available in the environment.

There are several ways to add fonts to your site. One way is directly from the Sites Dashboard by clicking the three-dot menu and selecting the Manage fonts option.

 

SitesFonts01

 

Another way is directly from Sites Designer, by clicking Settings and then selecting Manage fonts.

 

SitesFonts01b

 

When you click any of these options, a pop-up appears where you can upload the fonts you want to add to your site.

 

SitesFonts02

 

Upload your fonts. When you have already uploaded fonts, you can see them listed in the pop-up window. All uploaded fonts are available and ready to use on any of the sites you have on the environment.

 

SitesFonts03

 

note_pin

Remember that the only compatible font file type for Internet Explorer is .eot. If you know that the end users will access your site through that browser, make sure you upload the .eot font file.

 

You can also delete uploaded fonts from this window by clicking the trash can icon beside the font name, or by clicking the Remove button after selecting the fonts you wish to delete.

 

SitesFonts04

 

After you confirm you want to remove the font from your Site, the action cannot be undone. You can upload as many fonts as you need.

To use the uploaded fonts, all you need to do is select them on the control settings for Font family. All custom fonts will be listed under My Fonts.

 

SitesFonts05

 

note_pin

Keep in mind that when you download your site, the output file will include the available custom fonts.

 

note_pin

Although custom fonts are part of a site structure, these are stored outside the project and cannot be added to a backup. Hence, before importing a site's backup, be sure to locate in your system the folder custom_fonts and copy it. After successful import, restore the folder manually to keep your custom fonts.

 

Site default font

Setting up a site default font is a simple task. Select the Preferences option on the Settings menu of the Sites Editor.

 

SitesFonts06

 

A pop-up appears with the site preferences. Locate the Global default font section, and select your default font.

 

SitesFonts07