1

Twitterブートストラップを使用しているレールアプリに取り組んでいます。

私はカスタム フォント (Museo) を使用しており、font-squirrel が生成した css と共にインポートされており、ローカルでは問題なく動作していますが、サーバーに展開すると (linode だと思います)、フォントが読み込まれないか、まったく表示されません。

これは、フォントをインポートするために使用しているコードです。

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

}

ファイルに問題があるかどうかを確認するためにフォントを直接開いてみたところ、ファイルが開きました。CSS はアセット パイプラインを介して Rails でコンパイルされるため、このコードは application.css123817391838123123 (乱数) ファイルにあります。アセット パイプラインの問題かどうかはわかりませんが、他の場所 (chrome、safari、firefox、opera) で動作しているので奇妙だと思います。これを IE9 でオンラインでテストするときに、ブラウザー モードを Quirks モードに変更すると、フォントが読み込まれます。

ここで何が起こっているのか知っている人はいますか?

ありがとう

4

1 に答える 1

0

フォント ファイルのContent-Typeヘッダーを確認してみてください。IE は WOFF の場合に必要です。IIS の場合は、以下を追加するだけです。

<system.webServer>
  <staticContent>
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
  </staticContent>
</system.webServer>
于 2013-02-08T22:15:17.997 に答える