0

これは、私が最近開発しているいくつかの Web サイトで発生しており、その理由がまったくわかりません。Stack Overflow に関する他の回答はどれも役に立たないようです。また、Google で見つけた他のリソースにも回答がないようです。バカなことをしていると思うのですが、どうですか？

これが私が現在イライラしているウェブサイトです：http://atonea.com/csj/

Chrome や Firefox では動作しませんが、Safari では動作します。これは私には意味がありません。

4

2 に答える 2

2

特定のバージョンの WebKit 用の形式のみを含めています。.ttf代わりに、クロスブラウザー サポート用に複数のフォント形式を含めています。

@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 */
}

@font-faceまた、要素で使用する前にルールを追加する必要があります..

于 2013-04-13T03:50:01.977 に答える
0

宣言する前に font-face を追加する必要があります。そのため、css の先頭にフォント フェイスを配置します。

于 2013-04-13T03:48:42.137 に答える