Webfont otf instead of ttf

@font-face {
  font-family: 'Somefont;
  src: url('fonts/somefont.eot');
  src: url('fonts/somefont.eot?#iefix') format('embedded-opentype'),
       url('fonts/somefont.woff') format('woff'),
       url('fonts/somefont.ttf') format('truetype'),
       url('fonts/somefont.svg#Somefont') format('svg');
  font-weight: normal;
  font-style: normal;   
}

      

        
        
        
      

    

This is the css we usually use to embed a font in a web page.

I am a font designer, so I know (and have seen) that ttf curves are always distorted when the design was converted from an otf font. (I'm using the fontsquirrel Web font generator).

Is there a way to replace the entire ttf file with otf and is this reliable in all browsers specifically by webkit?

I did some experimentation and found it rather confusing to tell which data is actually used by specific browsers. What I want to achieve is to reverse the ttf files in favor of otf as much as possible.

Thanks a lot for the answers.