字体外观浏览器兼容性问题

Question

这是我目前使用的代码：

@font-face { 
    font-family: 'otto'; 
    src: url('font/otto.eot') format('embedded-opentype'), 
    url('font/otto.woff') format('woff'), 
    url('font/otto.ttf') format('truetype'), 
    url('font/otto.svg#svgFontName') format('svg'); 
} 

似乎在Chrome，但在完美地工作只是一切它呈现一个完全不同的字体是大得多，看起来可怕。

Answer 1

这工作：

@font-face{ 
    font-family:otto; 
    src: url('../font/otto.eot'); 
    src: url('../font/otto.eot?#iefix') format('embedded-opentype'), 
    url('../font/otto.woff') format('woff'), 
    url('../font/otto.ttf') format('truetype'), 
    url('../font/otto.svg#Otto') format('svg'); 
}