css - ロゴ テキスト (font-face) を Firefox のレンダリングと同じように見せることはできません (問題は Internet Explorer にあります)。

Question

私は Lobster フォントを使用していますが、2 つの chrome/firefox/opera/safari と Internet Explorer ではまったく異なって見えます。

IE8,7では動かない

ここで例を見ることができます: dev.holiday.ge/xhtml -> firefox と 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 */

}