1

サイトにフォントを追加したいのですが、IE7 と IE8 で動作させることができません。Firefox、Chrome、および IE 9 で動作します。見つかった解決策をいくつか試しましたが、どれも機能しません。私はこれを試しました：

@font-face {
font-family: 'MyriadPro-SemiboldCond';
src: url('/static/fonts/MyriadPro-SemiboldCond.eot');
src: local('☺'), url('/static/fonts/MyriadPro-SemiboldCond.woff') format('woff'), url('/static/fonts/MyriadPro-SemiboldCond.ttf') format('truetype'), url('/static/fonts/MyriadPro-SemiboldCond.svg') format('svg');
font-weight: normal;
font-style: normal;
}

これも試しました：

@font-face {
font-family: 'MyriadPro-SemiboldCond';
src: url('/static/fonts/MyriadPro-SemiboldCond.eot');
src: url('/static/fonts/MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'),
     url('/static/fonts/MyriadPro-SemiboldCond.woff') format('woff'),
     url('/static/fonts/MyriadPro-SemiboldCond.ttf') format('truetype'),
     url('/static/fonts/MyriadPro-SemiboldCond.svg#MyriadPro-SemiboldCond') format('svg');
font-weight: normal;
font-style: normal;

}

私には良さそうに見えますが、明らかに何かが欠けています。使用しているフォント「MyriadPro」が問題なのかわかりません。

IE7/IE8 でこれを行う別の方法はありますか? cufon のような JavaScript ソリューションは、テキストを選択できなくします。

4

1 に答える 1

1

これは IE7&8 では問題なく動作しますが、このような問題が発生した場合は、googlefontsなどの別のオプションを検討する必要があります。

@font-face {
font-family: 'DroidSansMono';
src: url('../fonts/droid_sans_mono_regular-webfont.eot');
src: url('../fonts/droid_sans_mono_regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/droid_sans_mono_regular-webfont.woff') format('woff'),
     url('../fonts/droid_sans_mono_regular-webfont.ttf') format('truetype'),
     url('../fonts/droid_sans_mono_regular-webfont.svg#DroidSansMono') format('svg');
font-weight: normal;
font-style: normal;
}

Google フォントの使用:

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Press+Start+2P' rel='stylesheet' type='text/css' />
于 2013-10-07T20:29:23.140 に答える