MAGIX Help Center

Web safe fonts

Earlier versions of the software provided sets of "safe" fonts which could be used on your website.

This was a small selection of fonts that were common to most browsers, so you could safely assume that the fonts would display correctly for the majority of users.

These fonts are located in the "Web Safe Fonts" section of the "Fonts" menu.

CAN I USE FONTS ON MY WEBSITE WHICH ARE NOT WEB SAFE?

To ensure that small amounts of text that use a range of different, non-web safe fonts are displayed correctly online, the preferred method is to convert them to graphics. To export text as a graphic, simply group the text.

  • Designer Pro: Non-web safe fonts are embedded when you export your website.
  • Web Designer Premium: Non-web safe fonts are embedded when you export your website.
  • Page & Layout Designer: Non-web safe fonts are embedded when you export your website.
  • Photo & Graphic Designer: Non-web safe fonts are not embedded when you export your website.
  • Web Designer: Non-web safe fonts are not embedded when you export your website.

The latest version of the software allows you use a much wider range of fonts on your website by embedding the fonts.

Font embedding is supported by most browsers (including Internet Explorer, Firefox, Chrome, Safari, Opera, Android and iOS mobile browsers) and works by including a special version of the font inside your website.

The user's browser then downloads the font so that the text on your website is displayed correctly.

IS IT BETTER TO EMBED FONTS OR TO CONVERT TEXT TO GRAPHICS?

The main advantage of using embedded fonts over text converted to graphics is that embedded fonts are search engine-friendly.

Text content that uses embedded fonts can be seen and indexed by search engines, and users can select and copy it as they would normal text in a browser.

ARE THERE ANY DOWNSIDES TO EMBEDDING FONTS?

We recommend embedding fonts sparingly. Some fonts can be 200 KB or larger.

The browser must download these fonts in order to display the text on your website correctly.

For this reason, embedded fonts can potentially slow down performance of your site.

CAN ANY TYPE OF FONT BE EMBEDDED?

Not all fonts on your computer can be embedded.

If you use a font which doesn't have the right license, you will get a warning message when you try to publish your website.

If you're merely intending to use the embedded fonts for presentation purposes on your own computer, you can safely ignore this warning.

OpenType fonts (OTF) can only be embedded if they do not contain PostScript outlines.
Type 1 (T1) fonts cannot be embedded.

WHAT ARE THE DIFFERENT NOTIFICATIONS THAT APPEAR WHEN I UPLOAD OR PREVIEW MY WEBSITE?

One or more notifications will appear when you attempt to upload, preview or export a website that contains embedded fonts.

SCENARIO 1: THE WEBSITE CONTAINS A FONT WHICH IS NOT WEB SAFE.

Non-standard fonts will be published with your website so that text using these fonts will appear correctly for those viewing it who don’t have the font installed. Please ensure the font license allows embedding for websites. If you are not sure, please contact the creator of the font. 

In this case, the font will be embedded in your website.

SCENARIO 2: THE WEBSITE CONTAINS A FONT WHICH IS NOT INSTALLED ON YOUR COMPUTER, A T1 FONT OR AN OTF FONT WITH POSTSCRIPT OUTLINES.

In this scenario, the document uses fonts which are either not installed or are not in a format that allows them to be embedded in the website.

As a result, the browser will be unable to find the font and will instead use the next available font in that font family.

SCENARIO 3: THE FONT DOES NOT SUPPORT EMBEDDING.

Some fonts cannot be embedded in documents or websites. If this is the case, you should cancel the procedure you are attempting to perform and use a different font.

Click "Cancel" to exit the dialog and replace the font with a different one. If you're merely intending to use the embedded fonts for presentation purposes on your own computer, you can safely ignore this warning and click "Continue".