0

Entyo フォント フェイスを使用しようとしていますが、機能しません。サイト全体をフォントに変更しましたが、ページが読み込まれているときに明確な一時停止が発生し、検索してもフォントが見つからないことがありますか?

私のCSS：

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

fonts フォルダはルート ディレクトリにあります。

ありがとう

編集：

フォルダ構造:

Main
-> fonts
-> -> entypo.eot
-> -> entypo.svg
-> -> entypo.ttf
-> -> entypowoff
-> CSS
-> -> stylesheet with @fontface call
-> includes
-> Etc etc

URL を //fonts/entypo.eot などに更新しました。フォントが読み込まれており、Web 開発インスペクターに表示されていますが、画面にはまだ表示されていません。サファリとクロムでのみテストされ、両方で同じ結果

編集: CSS の詳細。

@charset "UTF-8";

@font-face {
    font-family: 'EntypoRegular';
    src: url('//fonts/entypo-webfont.eot');
    src: url('//fonts/entypo-webfont.eot?#iefix') format('embedded-opentype'),
    url('//fonts/entypo-webfont.woff') format('woff'),
    url('//fonts/entypo-webfont.ttf') format('truetype'),
    url('//fonts/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html { -webkit-font-smoothing: antialiased; } /*global improvement on all fonts*/

body {
    font-family: "EntypoRegular", "Helvetica Neue Light", "Helvetica Neue",  Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size-adjust:inherit;

}

必要のないものはすべて取り除いた

4

2 に答える 2

1

要約すると、最初の問題は相対パスがわずかにずれていたためで、すべてソートされていました。これで、パスが正しくなり、フォントが読み込まれているが実際には使用されていないことが確認されました (好奇心から、どのように確認しましたか?)。

考えられる問題: css のエラー (投稿したビットは問題ないように見えます)、ブラウザーの互換性 (使用しているブラウザー/バージョンは何ですか?)、フォント ファイルの破損 (再ダウンロードを試みます)。

使用しているブラウザーでコンソール/DOM インスペクター ツールを起動し、どの CSS が適用されているかを確認すると、font-family が他のルールによってオーバーライドされているかどうかを確認できますか?

于 2013-07-14T15:18:37.073 に答える