FONTS

  BACK   HOME NEXT | Links  

TABLE OF CONTENTS

Font Size Font Color Font Face Headers Aligning Headers Heading Levels

FONT SIZE

The Tag :

< font size = " X "> Text </font > where "x" is a number from 1 to 7

<font size="5">FONT SIZE</font>

FONT SIZE

Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"

NOTE :

Remember to always close with the </font> tag.

Font Size="3" is the default font size.

 Top

FONT COLOR

The Tag :

< font color = "#X"> Text </font >

<font size="5" color="#990000">FONT COLOR</font>

FONT COLOR

NOTE :

&  Remember to always add < # > to the color code.

FONT Family

The Tag :

< font family = "#X"> Text </font >

<font family="Helvetica"size="5"color="#990000">FONT FACE</font>

FONT Family

FONTS For Left-to-Right Languages

Fonts

 

Results

sans-serif

Fonts Types

serif

Fonts Types

Georgia

Fonts Types

Times New Roman

Fonts Types

Helvetica

Fonts Types

Verdana

Fonts Types

Courier

Fonts Types

Impact

Fonts Types

Arial

Fonts Types

There are two types of font-family values:

  1. family-name, like "times", "courier", "arial", etc.
  2. generic-family, like "cursive", "fantasy", "serif", "sans-serif", "monospace".

Click here To know more about Font-Family

Fonts For Right-to-Left Languages

Fonts

 

Results

Simplified Arabic

Arabic Transparent

Traditional Arabic

Simplified Arabic fixed

Andalus

Arial

Arial Unicode Ms

Tahoma

 Top

HEADERS

The text enclosed within the <h1> and </h1> tags will be on a separate line from the rest of the text.

There are 6 different sizes of headers. You specify the size by using <h1>....(or 2 , 3, 4, 5 or 6) and you must always close with the matching </h1>....(or 2 , 3, 4, 5  or  6) tag .

ALIGNING HEADERS

By default Headers align to the left, but you can add align=right or align=center to the header tag as follows:

<h4 align=right>Size 4 header align=right </h4>

Size 4 header align=right

<h4 align=center>Size 4 header align=center </h4>

Size 4 header align=center

HEADING LEVELS

Click To See HEADING LEVELS Examples

  BACK   HOME   Top NEXT | Links