0

カスタム フォントの 1 つだけが Firefox でレンダリングされます (DroidSans)

私のウェブサイトは: www.callumritchie.com

助けてください！

ありがとうございました。

@font-face {
font-family: 'Znikomit-forMac';
src: url('Znikomit-forMac.eot?#iefix') format('embedded-opentype'), 
     url('Znikomit-forMac.woff') format('woff'), 
     url('Znikomit-forMac.ttf')  format('truetype'),
     url('Znikomit-forMac.svg#svgDroidSans') format('svg'),
         url('Znikomit-forMac.otf') format('otf');

}


@font-face {
font-family: 'StMarie-Thin';
src: url('StMarie-Thin.eot?#iefix') format('embedded-opentype'), 
     url('StMarie-Thin.woff') format('woff'), 
     url('StMarie-Thin.ttf')  format('truetype'),
     url('StMarie-Thin.svg#svgStMarie-Thin') format('svg')
         url('StMarie-Thin.otf') format('otf');
}


@font-face {
font-family: 'DroidSans';
src: url('DroidSans.eot?#iefix') format('embedded-opentype'), 
     url('DroidSans.woff') format('woff'), 
     url('DroidSans.ttf')  format('truetype'),
     url('DroidSans.svg#svgDroidSans') format('svg');
}
4

1 に答える 1

0

お使いのブラウザーにはエラー コンソールがあります (Firefox: [ツール] > [エラー コンソール] から [エラー] タブを選択します)。www.callumritchie.com my (Google Chrome) エラー コンソールを開くと、次のエラーが表示されます。

GET http://www.callumritchie.com/jquery.lazyload.js 404 (Not Found) www.callumritchie.com/:7

http://www.callumritchie.com/jquery.lazyload.jsはありません。あなたの Web サイトは、www.callumritchie.com の 7 行目にある jquery.lazyload.js を指しています。パスを修正するか、jquery.lazyload.js を正しいフォルダーに移動します。

Uncaught TypeError: Object [object Object] has no method 'lazyload' script.js:96

script.js の 96 行目で、メソッド「lazyload」に TypeError があります。script.js には jquery.lazyload.js が欠けていると思います。

Resource interpreted as Font but transferred with MIME type application/x-font-woff: "http://www.callumritchie.com/DroidSans.woff". www.callumritchie.com/:1

エラーの意味がわからない場合は、Google でエラー メッセージを照会できます。最初のヒット: Google の警告: リソースは Font として解釈されますが、MIME タイプ application/octet-stream で転送されます 

GET http://www.callumritchie.com/JosefinSansStd-Light.woff 404 (Not Found)

最初のエラーのように。http://www.callumritchie.com/JosefinSansStd-Light.woffが見つかりません。ファイルのパスを修正するか、ファイルを移動してください。

www.callumritchie.com/:1
    Resource interpreted as Font but transferred with MIME type application/x-font-woff: "http://www.callumritchie.com/StMarie-Thin.woff". www.callumritchie.com/:1

他のものと同じです。

だからあなたの質問への答えはです。1) フォント ファイルが存在しないか、あるべき場所にありません。2) サーバーは、2 つのフォント ファイルに対して間違った MIME タイプを返します。したがって、これらのファイルは誤解されています。正しい AddType 宣言を .htaccess に追加すると、これが修正されます。

于 2013-08-21T12:01:05.383 に答える