3

Chrome、Safari、Firefox、IEで@font-faceを使用しようとしています。IEの場合はどうすればよいかわかりませんが、他のブラウザーの場合は@font-faceの部分を機能させたいと思います。

これが私が使用したものです：

  @font-face {
  font-family: "Handwriter";
  src: url("/folder/Font-Regular.otf");
  }

そして、私も試しました：

 @font-face {
 font-family: "Handwriter";
 src: url("http://www.domain.com/folder/Font-Regular.otf");
 }

これらのいずれかを使用すると、ChromeとSafariでは正しくレンダリングされますが、Firefoxではレンダリングされません。面白いのは、Firebugを使用してCSSファイルに移動し、名前をもう一度書き直すと、それがレンダリングされることです。さらに、フォントファイルはサーバー上にあり、同じドメインでこれをレンダリングしています。したがって、ここで何が問題になっているのかわかりません。

4

2 に答える 2

8

これを（カスタムフォントで）試してください。形式が重要であることを忘れないでください。

@font-face {
  font-family: 'WebFont';
  src: url('myfont.woff') format('woff'),  /* Firefox 3.6+, IE9+, Chrome 6+, Safari 5.1+*/
       url('myfont.ttf') format('truetype');  /* Safari 3—5, Chrome4+, Firefox 3.5, Opera 10+ */
}

ソース：css3please

于 2012-11-22T08:16:19.300 に答える
3

広告ではありません：D

私はhttp://www.fontsquirrel.com/fontfaceジェネレーターをうまく使用しています:)zttfファイルがある場合、残りは簡単です:)

于 2013-01-15T17:11:27.090 に答える