<style type="text/css">
@font-face{ 
  font-family: 'MyFont';
  src: url('myfont.eot');
  src: url('myfont.eot?#iefix') format('embedded-opentype'),
    url('myfont.woff') format('woff'),
    url('myfont.ttf') format('truetype'),
    url('myfont.svg#webfont') format('svg');
}
 
h1 { font-family: 'MyFont', sans-serif; }
</style>

http://apphp.com/index.php?snippet=css-my-own-font

It allows you to add your own fonts on the page. To convert to different formats use this service Font2Web.

My own @font-face in CSS

css

CSS