HTML Fonts

Basically we can not do something only with the font tag<font> but, if we set some changes ,then we are able to change the text color,text size,text style and we can  make our text to dynamic form with these attributes. Note we are not using the <font>  and <basefont> tags for published works we mostly use the Cascading Style Sheets(CSS) but at the start level we use these tags.
HTML-Font Size

Set the size of your text with the font size ranging from 1 the smallest , to 7 the largest size and the default size is 3.

HTML Font Size Code:

Here is the code for increasing your text size .

<p>
<font size="5">Here is the text with the font size of 5</font>
</p>

and now see the results in web browser


Your Result:

HTML Font Color

Now we are going to change the color of text,now see here is the example,


Example:

<font color="#990000">This text in  color #990000</font>
<br />

<font color="red">This text is red</font>


here the code #990000 is the code for colors we also write here (red,black,green orange) or any one instead of  #990000 but when we write the code like green,red or any one we can not use this sign #.Now see the results in the browser.

Result:


HTML Font Face


Now we want to change the style of our text or want to change font face (verdana,Arial Georgia or any ) or any font face installed on your computer.As a web designer we want to use only font face that's are use commonly  and do not use the custom font because that is not installed  commonly on many peoples pc and if we use such type of font faces like custom face and when a visitor which have not installed custom font faces then they are not able to see your such type of text that's why to avoid the risk we use Times New Roman
Here is the example,now see how to change the font face .

Example:

<p>
<font face="Georgia, Arial, Garamond">This is a paragraph
 with the following font faces</font>
</p>


Your Result:
Here is the result in a web browser

that's all if you have any problem than please happily Contact  Us.

No comments:

Post a Comment