css - 字体浏览器兼容性问题

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