1

使いたいフォントがあります。サーバーにアップロードし、fontface を使用して呼び出します。Chrome と Safari ではうまく機能しますが、FireFox ではまったく機能しません。.otf と .ttf の両方を試しました。それらはすべて Chrome と Safari で動作しますが、FireFox では動作しません。また、jsfiddle.net でも動作します。FireFoxがこれを行う理由をグーグルで調べました.ttfを.otfに変換すればうまくいくはずだと人々は言います。しかし、今は機能していません。誰かがそれの何が問題なのか教えてもらえますか?

     <!doctype html>
     <html>
      <head>
      <meta charset="UTF-8">
    <title>font-test</title>
    <style>
    @font-face {font-family:Hush;  src: local(Hush),       url('http://www.yifanchen.net/temp/Hush.otf') format('opentype');}
      @font-face {font-family:Hush2;  src: local(Hush2), url('http://www.yifanchen.net/temp/hush.ttf') format('truetype');}

   .test h1.otf {font-family:Hush; color:#000;} 
   .test h1.ttf {font-family:Hush2; color:red;}
   </style>
   </head>

   <body>
    <div class="test"> 
   <h1 class="otf">This is a test for Hush.otf.</h1>
   <h1 class="ttf">This is a test for Hush.ttf</h1>
   </div>
   </body>

http://jsfiddle.net/7537247/wUvqe/ FireFox でテストしたい場合は、jsfddle で動作します。おそらくダウンロードする必要があります。

4

2 に答える 2

2

Firefox では、パスは同じドメイン内にある必要があります。ソース URL を別のドメインに設定すると、Firefox はフォントフェイスを見つけることができません。ドメインを変更しました。FireFox で動作し、IE でも動作します。この回答が他のユーザーにも役立つことを願っています。

于 2012-10-31T21:22:41.243 に答える
0

フォントをすべてのブラウザで動作させるのは非常に面倒で、Internet Explorer もサポートしたい場合は、追加のフォーマットが必要になります。http://fontsquirrel.comで同じまたは類似のフォントを見つけることができる場合は、サイトにコピーするだけの非常に単純な「font-face kit」をダウンロードできます。または、テンプレートをガイドとして使用して、フォントを置き換えることもできます。

于 2012-10-29T19:37:07.187 に答える