不能使徽标文本(字体)看起来类似于 Firefox 的渲染方式(问题是 Internet Explorer)

Question

我使用龙虾字体，在两个chrome/firefox/opera/safari和Internet Explorer中看起来完全不同。

它在IE8,7中不起作用

你可以在这里看到例子：dev.holiday.ge/xhtml ->看看Firefox vs IE中的红色徽标。

Answer 1

：

dev.holiday.ge/xhtml/all-ie-only.css

你有：

@font-face {
    font-family: 'Lobster';
    src: url('fonts/DroidSans.eot');
}

这应该是这样的：

@font-face {
    font-family: 'Lobster';
    src: url('fonts/Lobster.eot');
    src: url('fonts/Lobster.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

如果您有 .eot

为了获得最佳字体兼容性，请使用以下语法：

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('webfont.woff') format('woff'), /* Modern Browsers */
     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */   
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}