www.kdwebpagedesign.com
BASIC HTML ::
BASIC CSS ::
USER Tools ::
JavaScript Tricks ::
Other Information ::
Donations ::
Do you find our Tutorials helpful? Are the free Auction Templates helping your sales? Donations of any amount are appreciated to help keep this site up and running!
ONE-TIME DONATIONS:
$


MONTHLY DONATIONS:
$ for mths.
KD Web Page Design Tutorials

Browser Safe Fonts

Browsers typically let users specify fonts to be used when pages do not specify fonts using either CSS or <font>. For example, Internet Explorer 6 enables users to specify two fonts, a web page font, used for proportional text, and a plain text font, used for monospace text. These fonts may be different from the CSS generic fonts (discussed below). For example, if the user selects Arial (a sans-serif font) as the default proportional font, this does not necessarily make Arial the CSS generic sans-serif font.

Generic Fonts

There are five generic families of fonts:

  • serif
  • sans-serif
  • cursive
  • fantasy
  • monospace

The defaults for these vary with the platform, the browser, the fonts available, and the user configuration. Some browsers let users configure the defaults. This gives the user more control over how pages are rendered if the user can pick their preferred generic fonts. But some browsers like Internet Explorer, don't let their users pick what they want, and these browsers may pick fonts that are ugly, or unreadable.

We suggest specific fonts when designing pages. This gives you more control over the appearance of pages, and can result in pages that are more attractive and easier to read.

TipTIP: Always suggest a list of similar fonts — Arial, Helvetica, sans-serif — to ensure a more consistent result. For example, if Arial is installed, it is used; otherwise, if Helvetica is installed, it is used; otherwise the generic sans-serif font is used.

Common Fonts

Each user will have different fonts installed. These fonts are the most common. The green boxes indicate very common fonts; the orange boxes indicate Microsoft Core Web Fonts which are somewhat less universal for some operating systems.

Generic Font Windows
9x
Windows
2000/XP
Windows
Vista
Mac
Classic
Mac
OS X
Linux
Unix
serif Cambria Common Font
Constantina Common Font
Times New Roman Common Font Common Font Common Font Core Web Font Common Font Core Web Font
Times Common Font Common Font Common Font
Georgia Common Font Common Font Common Font Core Web Font Common Font Core Web Font
sans-serif Andale Mono Common Font Common Font Common Font Core Web Font Common Font Core Web Font
Arial Common Font Common Font Common Font Core Web Font Common Font Core Web Font
Arial Black Common Font Common Font Common Font Core Web Font Common Font Core Web Font
Calibri Common Font
Candara Common Font
Corbel Common Font
Helvetica Common Font Common Font Common Font
Impact Common Font Common Font Common Font Core Web Font Common Font Core Web Font
Trebuchet MS Common Font Common Font Common Font Core Web Font Common Font Core Web Font
Verdana Common Font Common Font Common Font Core Web Font Common Font Core Web Font
cursive Comic Sans MS Common Font Common Font Common Font Core Web Font Common Font Core Web Font
fantasy
monospace Consolas Common Font
Courier New Common Font Common Font Common Font Core Web Font Common Font Core Web Font
Courier Common Font Common Font Common Font

To Top TO TOP