Alternate Rows with CSS

/*The CSS*/

#sampletable th{
background: silver;
}

#sampletable tr:nth-of-type(odd){ /*odd rows*/
background: lightyellow;
}

#sampletable tr:nth-of-type(even){ /*even rows*/
background: lightblue;
}

#sampletable tr>td:first-of-type{ /*first cell of each row*/
font-weight: bold;
}

/* The HTML Code */

<table id="sampletable" border="1" width="80%">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>George</td>
<td>30</td>
</tr>
<tr>
<td>Sarah</td>
<td>26</td>
</tr>
<tr>
<td>David</td>
<td>42</td>
</tr>
<tr>
<td>Collin</td>
<td>32</td>
</tr>
</table> 

How to Embedd font on website

Go to the below URL :
http://randsco.com/index.php/2009/07/04/p680

and click the this easy Online TTF->EOT C
OpenType font file (having an EOT extension). Upload both the EOT and TTF files to your server. Using a single @font-face selector, load the Embedded Open Type font (EOT) for IE6, IE7 and IE8 first then the TrueType Font (TTF) for FireFox
@font-face {
font-family: MyCustomFont; (your font family name )
src: url("AOPCHA_N.eot") /* EOT file for IE */ (give your font path )
}
@font-face {
font-family: MyCustomFont; (your font family name)
src: url("AOPCHA_N.TTF") /* TTF file for CSS3 browsers */ (give your font path )
}
For Example :
html xmlns="http://www.w3.org/1999/xhtml">
head>


Style>
@font-face {
font-family: AkrutiOriChandra;
src: url(../AOPCHA_N.eot) /* EOT file for IE */
}
@font-face {
font-family: AkrutiOriChandra;
src: url(../AOPCHA_N.TTF) /* TTF file for CSS3 browsers */
}
@font-face {
font-family: AkrutiOriChandra;
src: url(../AOPCHA_N.eot) /* EOT file for IE */
}
@font-face {
font-family: AkrutiOriChandra;
src: url(../AOPCHA_N.TTF) /* TTF file for CSS3 browsers */
}

body>

How To Convert Font