its is simple in css3 using @font-face
you can create your own font-family and use them anywhere you want
@font-face
{
font-family: techtamil; /* ANY NAME YOU WANT */
src: url('Sansation_Light.ttf'), /* PATH TO FONT FILE */
url('Sansation_Light.eot'); /* IE9 */
}
Usage
div
{
font-family: techtamil; /* Custom name you mentioned above */
}
This is simple and very easy to use try this and refer the link for further reference
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp