字體外觀瀏覽器兼容性問題

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'); 
}