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