0

進行中のサイト: http://zrrdigitalmedia.com/

デスクトップ マシンでこのサイトを構築してきましたが、これまでのところ期待どおりに見えています。最近、サイトが完成したと判断し、ウェブ ホスティング スペースにアップロードしました。ただし、すべての @font-face 埋め込みフォントが読み込まれていません。FF24 と Chrome30 を介してローカル マシンでサイトを表示すると、期待どおりに読み込まれます。なぜこれが起こっているのか、私は完全に困惑しています。

head でフォント スタイルシートをリンクします。

<link rel="stylesheet" type="text/css" href="fonts/stylesheet.css">

そして、次のようにメインの CSS ファイルで参照します。

.headerText{
    font-family: 'bebas_neueregular';
    font-size: 80px;
    text-align: center;
    color: #666666;
}

fonts/stylesheet.css にはすべての埋め込みフォントがこの形式で含まれています (これらはfontsquirrelを使用して生成されました):

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

私のフォントはすべて /fonts フォルダーにあります。ファイル構造を HD から Web スペースに文字通りコピーしました。以前にこの方法を使用しましたが、問題なく機能しました。それでも、この問題が発生しました！

提案/アドバイス/ヘルプ歓迎! 私はここでアイデアを完全に失っています。ありがとう！

4

0 に答える 0