HTML

HTML Fonts, Styles, and Headers

In our last article we left off our discussion with how to work with images in HTML. In this article we will go over working with fonts, styles, and headers. There is plenty of ground to cover, so let's get to it.

Author Info:

By: James Payne

Poor Best

Rating:

/ 5

February 27, 2008

TABLE OF CONTENTS:

HTML, as you probably know, has no built-in fonts of its own. Instead, the browser relies on the fonts stored on a person's local computer when displaying text. If you go out and find some crazy font and use it all over your website, chances are that the majority of the people out there will not see the font you intended, but instead a replacement the browser used. There are ways to fix this. The most common is to make an image of your text. This, however, becomes problematic if you intend to use your crazy font all over your site, as it can increase load times, among other issues.

Below is a list of “web-safe” fonts that every Microsoft computer comes installed with:


	Arial Arial Black Arial Bold Arial Bold Italic Arial Italic Comic Sans MS Comic Sans MS Bold Courier 10,12,15 Courier New Courier New Bold Courier New Bold Italic Courier New Italic Estrangelo Edessa Franklin Gothic Medium Italic Gautam Georgia Georgia Bold Georgia Bold Italic Georgia Italic Impact Latha Lucida Console Lucida Sans Unicode Microsoft Sans Serif Modern MS Sans Serif 8,10,12,14,18,24 MS Serif 8,10,12,14,18,24 Mv Boli Palatino Linotype Palatino Linotype Bold Palatino Linotype Bold Italic Palatino Linotype Italic Roman Script Small Fonts Symbol Symbol 8,10,12,14,18,24 Tahoma Tahoma Bold Times New Roman Times New Roman Bold Times New Roman Bold Italic Times New Roman Italic Trebuchet MS Trebuchet MS Bold Trebuchet MS Bold Italic Trebuchet MS Italic Tunga Verdana Verdana Bold Verdana Bold Italic Verdana Italic Webdings WingDings WST_Czech WST_Engl WST_Fren WST_Germ WST_Ital WST_Span WST_Swed