7

ここの私のサイトは、Chrome で「proxima nova」otf を取得せず、その理由を理解できません。CSS は次のとおりです。

@font-face {
    font-family:'Proxima Nova';
    src: url("/Fonts/ProximaNova-Regular.otf") format('opentype');
}

どんなアイデアでも大歓迎です。

4

4 に答える 4

3

たとえば、IE は .eot のみを認識し、Webkit ブラウザーは .ttf ファイルを好むと言うのは正しいと思います。

Squirrel のフォント フェイス ジェネレーターを使用して、必要なすべてのさまざまなフォント ファイルを作成します。また、CSS フォント フェイス宣言にそれらすべてを適切に含める方法の例も示します。

于 2012-11-15T15:11:01.787 に答える
3

ブラウザ コンソールでこのフォント リクエストに対して 404 エラーが表示される場合、問題はブラウザではなく、サーバー側にあります。解決策は、Web サーバーの IIS で .otf ファイル拡張子の MIME タイプを追加することです。otf は非常に新しい形式であるため、IIS サーバーの MIME タイプの既定のリストでは使用できません。明示的に追加する必要があります。

于 2014-06-06T10:39:05.763 に答える
2

Chromeに最適なのはbase64です

src: url(data:application/x-font-woff;charset=utf-8;base64

http://www.fontsquirrel.com/fontface/generator

これを生成する

于 2012-11-15T15:13:27.580 に答える