Font Tutorial

This is a basic tutorial on how to change a font.

Like this.

Fonts can be changed using inline CSS to alter specific elements, like this:

<p style="font-family: Arial">Lorem Ipsum.</p>

By placing code in the CSS file, the default font for the entire site can be changed. That code looks like this:

p { font-family: Arial; }

Some fonts might not work on some computers, but these fonts are considered "web safe" and are therefore good default options:

• Arial
• Verdana
• Tahoma
• Trebuchet MS
• Times New Roman
• Georgia
• Garamond
• Courier New
• Brush Script MT

By including multiple fonts separated by commas, you can request a browser to use a "fallback font" in case the initial font does not display:

p { font-family: "Times New Roman", Arial; }