What About Web Safe Fonts?

While it has always been best to use web-safe fonts on your website, it is now possible to lift this limitation if you really need to. You can now enable @font-face to be able to use non web-safe fonts for 90 Second Website Builder.   However, there are some things you should know before you do so.

Web-safe fonts are fonts that are common among all versions of Windows, Mac, and Linux. We recommend using web-safe fonts if you want your web pages to look the same on all computers.

The basic list of web-safe fonts is :Arial, Bookman Old Style, Comic Sans, Courier, Courier New, Georgia, Impact, Lucida, Palatino, Tahoma, Times New Roman, Trebuchet, Verdana.

If you choose to design outside of the limitations of web-safe fonts, you can disable the option: Tools-> Options > Misc > Display web-safe fonts only…so that 90 Second Website Builder will display web safe fonts as well as non-web-safe fonts.

If you ENABLE the option to display web-safe fonts only, it may increase the speed of the 90 Second Website Builder user interface, because not all fonts need to be loaded into memory every time you want to select a different font by using web-safe fonts.

Of course, this font limitation is only for text based objects. You can use other fonts for navigation bar buttons, banners and other image based objects. 90 Second Website Builder’s text object also has an option to publish the text as an image.

Using @font-face
For a long time it was only possible to use a selected number of web safe fonts in your web designs. However now you can use any font by enabling 90 Second Website Builder’s  “Use @font-face for non-web-safe fonts” option (Menu > Tools > Options > HTML). If you enable this option you will be able to use any type of true type font even if it’s not web safe by using a new CSS3 feature called @font-face. 90 Second Website Builder will automatically generate the necessary code and upload the font to the server. It will even generate a secondary (eot) font file required to make this feature work with IE.  You can also manually specify @font-face files and even Google Fonts are supported.

Important Notes about @font-face:
1. Be aware that font files can be pretty large, so they can add a considerable weight to the page.

2. Make sure you check the license of the font you wish to use, as most fonts are not licensed to allow this kind of use. Making the font available on your server violates most end user licensing agreements.

3. Unfortunately Internet Explorer requires a different font type (EOT instead of TTF), so the software will automatically generate the EOT version of the font. This means that you will end up with two versions of each font.

4. Font-face may not work with all fonts, so (as always) you should test your page in all popular browsers before publishing it online.

Leave a Comment