1

仕事ができませんfont-face(そのため、通常は Google フォントを使用しています)。しかし、顧客は私が使用しなければならない独自のフォントを持っています。

このサイトに対してテストと比較を行っています(メイン メニュー)

これが私のフィドルです

なぜこの作品を手に入れることができないのですか？他のウェブサイトのフォントは問題なく機能しています。

これが私のCSSです：

@font-face{
  font-family:'testFont';
  src:url('http://www.cphvision.dk/sites/all/themes/vision/webfonts/21B1BE_0_0.eot');
  src:url('http://www.cphvision.dk/sites/all/themes/vision/webfonts/21B1BE_0_0.ttf'), format('truetype');
}

ul li a {
font-family:'testFont', sans-serif;
  font-weight:normal;
}

ローカルサーバーでもテストしました。そこでも働いていません。
以前、Google からダウンロードしたフォントで font-face を使用してテストしました。失敗。

私は何を間違っていますか？

4

3 に答える 3

2

以前にも font-face に問題がありました。私がそれを使用したとき、font-family 属性を引用符 (一重または二重) で囲まなかったことがわかっています。また、なんらかの理由で、font-face ルールをメインのスタイル シートに配置することと何らかの競合があったようです。そのため、それらを別のスタイル シートに配置し、これをメインのスタイルシートの一番上に配置しました。

@import url('font.css');

ファイルから直接コピーした、このルールのインスタンスの 1 つの簡単な例を次に示します。

@font-face{
  font-family: Kalinga;
  src:url(kalinga.ttf);
}

@font-face{
  font-family: Kalinga;
  font-weight: bold;
  src: url(kalingab.ttf);
}

ここで ttf と eot の両方を追加していないことはわかっていますが、参照するのに適した例です。私は、eot または ttf のいずれかから始めて、一方が機能するようにし、完了したらもう一方を追加することをお勧めします (いじくり回すときに行う変更が少なくなります)。

于 2012-07-27T17:50:42.287 に答える
0

Font Squirrelのようなサービスの使用をお勧めします。これは、フォントをアップロードすると、自動的に 、 などに変換されeot、ttfフォントといくつかのサンプル ファイルを含む zip ファイルが提供されるためです。

于 2012-07-27T18:23:53.803 に答える