Browser Safe Fonts

Description:
This one almost hurts...

Sometimes you'll want to have your page, or maybe just part of a page appear in a different font.

However, if you try to use fonts other than the "system" fonts, i.e. A font which is preloaded onto a users computer. You may try to make a document appear in another font, but you always need to keep in mind that the person who is using your page must have the font you want in order to see it in that font.

For example, the words Palatino and Comic Sans MS, appear in the indicated font if using a computer which has those fonts loaded, but will appear as the default Times New Roman unless the default has been changed. (Note: this page is Arial, with restricted size)

Solution:
Use Native Fonts: (Fonts that ship with the computer)
    Basic PC Fonts:
  • Arial
  • Courier New
  • Times New Roman (default)
    Basic Mac Fonts:
  • Helvetica
  • Courier
  • Times (default)
Generally Supported good looking fonts: (PC)
Verdana and Georgia

What the tags look like:
<font face="Arial">Would display this text in Arial, if available</font>
<font face="Arial, Helvetica">Would display Arial 1st, then Helvetica, if available </font>

        Go to:
  • Start
  • Why/Audience
  • File/Page size
  • Scrolling/Readability
  • Titles/Meta Tags
  • Browser Safe color
  • Browser Safe fonts
  • Bleeding Edge Tech
  • Navigation
  • Frames
  • Printability
  • Up-to-Date
  • Proofread/Browser check
  • ADA issues
  • Compromise
  • More information

     

    --Next->