Most of you might be having a lot of problem to make your website design look nice because you can not use special fonts to your web page as they are not supported by browsers. Here is what I have found that you can use to embed any type of special fonts to your web page.

/*Written by AJ. Use below code to put it on the top of your CSS page./
@charset "utf-8";
@font-face {  
font-family: "font/utopia.ttf";  
src: url(font/utopia.eot); /* IE */  
src: local("font/utopia.ttf"), url(font/utopia.ttf) format("truetype"); /* non-IE */  
} 
/*Put any of your .ttf font to your font folder and upload it to the server. Fix the path as required. For IE, you need to convert your ttf font to eot. You can do it easily by googling "Convert ttf to eot". You will find plenty of free sites that converts ttf to eot. */