Sunday, October 10, 2010

HTML Fonts

Font and color depends entirely on the computer and browser used to view your page. But <font>the</font> tag <font>is used to add style, size and color for text on your site. You can use a code to define all of your text the same size, face and color.</font>

The font tag is known to have three attributes of size, color and face to customize fonts.

To change the font attributes at any time in your site, simply use <font>the </font> tag.

Font Size:
You can set the size of your font with size attribute. The range of accepted values is from 1(smallest) to 7(largest). The default size of a font is 3.
<font size="1">Font size="1"</font>
<font size="2">Font size="2"</font>
<font size="3">Font size="3"</font>
<font size="4">Font size="4"</font>
<font size="5">Font size="5"</font>
<font size="6">Font size="6"</font>
<font size="7">Font size="7"</font>

This will produce following result:
Font size="1"
Font size="2"
Font size="3"
Font size="4"
Font size="5"
Font size="6"
Font size="7"

Font Face:
You can configure all the fonts you want to face attribute, but be aware that if the user visits the page did not install the font, they will not be able to see it. Instead, the default Times New Roman for your font size attribute. See below some examples of using different fonts
<font face="Times New Roman" size="5">Times New Roman</font>
<font face="Verdana" size="5">Verdana</font>
<font face="Comic sans MS" size="5">Comic Sans MS</font>
<font face="WildWest" size="5">WildWest</font>
<font face="Bedrock" size="5">Bedrock</font>
This will produce following result:

Times New Roman
Comic Sans MS

Font Color:
You can choose any font color you like color attribute. You can specify the color you want by color name or hexadecimal code for that color. See the complete list of HTML color names with codes.
Example:<font color="#FF00FF">This text is hexcolor #FF00FF</font>
<font color="red">This text is red</font>

This will produce following result:

This text is hexcolor #FF00FF
This text is red

No comments:

Post a Comment