字体浏览器兼容性问题

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