» What About Web Safe Fonts?

How to Use the @font-face Option

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 (or “web safe”, “safe for the web”) 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.

List of web-safe fonts:

Arial
Bookman Old Style
Comic Sans MS
Courier
Courier New
Georgia
Impact
Lucida Console
Lucida Sans Unicode
MS Sans Serif
MS Serif
Palatino Linotype
Symbol
Tahoma
Times New Roman
Trebuchet MS
Verdana
Webdings
Wingdings

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 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. So 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.

Spread the Word...

Tags:
Posted on Dec 18, 2013

2 comments on “What About Web Safe Fonts?

  1. I enjoy what you guys are up too. This sort of clever work and reporting!
    Keep up the amazing works guys I’ve added you guys to our blogroll.

  2. Useful info. Lucky me I found your web site accidentally, and I am surprised with it. And Merry Christmas!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

* Copy This Password *

* Type Or Paste Password Here *

24,562 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Top