Display OTF fonts in website

Display OTF font in website:

1. Convert a TTF type from available OTF font:

http://www.freefontconverter.com/
http://onlinefontconverter.com/myfonts.php

2. Submit the TTF format font in the fontsquirrel.com website and get the zip file with the collection of “EOT, SVG, WOFF, TTF formats with sample html and css”.

http://www.fontsquirrel.com/

3. Use the given sample code and make the web nicely.