6

Entypo font-face を使用してソーシャル アイコンを作成し始めたばかりですが、IE8 以降では、フォントが空のボックスとして表示されます。コードやフォントに問題があるかどうかはわかりません。

@font-face {
font-family: 'entypo-social';
src: url('entypo-social.eot');
src: url('entypo-social.eot?#iefix') format('embedded-opentype'),
     url('entypo-social.woff') format('woff'),
     url('entypo-social.ttf') format('truetype'),
     url('entypo-social.svg#svgFontName') format('svg'); }


.social_font a{
font: 47px/20px 'entypo-social', Arial, sans-serif; }
4

4 に答える 4

5

Entypo は IE8 では動作しません。IE8 で彼らの Web サイトにアクセスしたところ、デモが完全に壊れています。

于 2013-02-22T13:29:12.870 に答える
1

これは私がfont-faceに使用しているコードです：

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

あなたはこれで大騒ぎすることができます。 http://css-tricks.com/snippets/css/using-font-face/

ちなみに、font-faceDoはIE8で動作します。

于 2012-11-07T21:03:55.457 に答える
1

http://fontello.com/を使用してみてください- 必要な entypo アイコンを選択し、それらのパッケージをダウンロードしてください。それは私にとってIE7 +で機能しました。

于 2014-01-13T15:48:19.603 に答える
0

IE の互換表示が選択されていないことを再確認してください。チェックせずに1時間以上無駄にしただけで、選択を解除すると正常に動作します。

また、html5shiv を使用している場合は、フォントを含む css ファイルの後に配置してみてください。

于 2013-08-22T14:05:01.197 に答える