0

CSS で次の行を使用して、Rails アプリにいくつかのカスタム フォントをインポートしています。

@font-face
{
  font-family: "SquareSlabLite";
  src: url("/assets/squareslablite.ttf");
}

@font-face
{
 font-family: "SquareSlabBold";
 src: url("/assets/squareslabheavy.ttf");
}

@font-face
{
  font-family: "SquareSlabMedium";
  src: url("/assets/squareslabmed.ttf");
}

場所 localhost:3000/assets/ font .ttf に移動すると、それぞれのフォントがダウンロード用に表示されます。ただし、たとえばフォントを使用しようとすると:

h2{
  font-family: "SquareSlabLite";
  }

この行は、SquareSlabBold を使用する場合にのみ機能します。このテキストの Lite または Med バージョンを使用しようとすると、何も得られず、一般的なフォントが表示されるだけです。firebug をチェックアウトすると、太字は表示されますが、ライト バージョンやミディアム バージョンは表示されません。私は困惑しています。スペルをチェックし、ファイルを再ダウンロードしましたが、何もしませんでした。

これを squareslab medium および lite で動作させることはできませんか? 別のソースからダウンロードしたにもかかわらず、ttf ファイルに問題がある可能性はありますか?

みんなありがとう。

4

1 に答える 1

1

TTF はどこでもサポートされているわけではありません。また、このフォントを表示するために IE を使用している場合、これがすべての IE で機能するように TTF を準備するのは非常に困難です。http://www.fontsquirrel.com/fontface/generator/を試して、TTF から適切な Web フォントを生成してください。

于 2012-08-14T16:49:59.470 に答える