2017-06-17 20 views
-2

Firefox 54.0とChromium 59.0.3071.86でカスタムフォントを読み込めないようです。 Firefoxの要素検査ツールの[ネットワーク]タブを見ると、Chromiumと同じフォントがロード/ダウンロードされていないことがわかります。カスタムフォント4個中3個が読み込まれない

がここに関連するCSSです:https://hastebin.com/raw/quyivirosa
そして、ここではHTMLです:https://hastebin.com/iciwavoyus.xml

私がチェックしました、とフォントへのURLはすべて正しいので、私はそれが動作することを拒否理由はわかりません。私のシステムにインストールされているので、navbarのフォントは何の働きをしていますか、私はローカルにロードされていると思います。

私が間違っていたことはありますか?私は周りを検索し、私の問題の解決策を見つけることができませんでした。

+1

に404エラーがないかチェックしてください。 Webサーバがwoff、woff2、およびeotファイルを拒否していないことを確認します。 Web設定ファイルを変更するまで私のサーバー(IIS)が見つかった。 – Bindrid

+0

ここに問題を示すマークアップを掲載する必要があります。明日は誰も助けてくれないあなたのサイトは変わりません。https://stackoverflow.com/help/mcve – Rob

+0

@Bindrid:良いものです。ログを見て、フォントファイルに関連するエラーのエントリはなく、今日のエントリもありませんでした。また、ファイルを手動でダウンロードしようとしましたが、うまくいきました。 – andoru

答えて

0

あなたのCSSで2つのエラーが見つかりました。修正したらすぐにフォントが動作するようになりました。

私は

ライン2で
@font-face { 
     font-family: 'DejaVu Condensed' !important; 
     src: url('/fonts/DejaVuSansCondensed-Bold.eot'); 
     src: url('/fonts/DejaVuSansCondensed-Bold.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/DejaVuSansCondensed-Bold.woff2') format('woff2'), 
       url('/fonts/DejaVuSansCondensed-Bold.woff') format('woff'); 
     font-weight: bold; 
     font-style: normal; 
    } 

@font-face { 
     font-family: 'DejaVu Condensed'; !important 
     src: url('/fonts/DejaVuSansCondensed.eot'); 
     src: url('/fonts/DejaVuSansCondensed.eot?#iefix') format('embedded- opentype'), 
      url('/fonts/DejaVuSansCondensed.woff2') format('woff2'), 
      url('/fonts/DejaVuSansCondensed.woff') format('woff'),; 
     font-weight: normal; 
     font-style: normal; 
    } 

を変更し、!重要なのは、セミコロン内にある必要があります。 6行目で、セミコロンの直前にある昏睡を削除しました。 フォントが固定されたら、

+0

ありがとう!私は文法をもっと詳しく見ていたはずです。私も訂正をしましたが、残念ながらフォントはまだ読み込まれません...私も重要なルールを削除しようとしましたが、それはフォントを少し変更したようですが、ブラウザはフォントを読み込みます... – andoru

+0

重複する名前があります。 「UnDinaru」は「UnDinaru」と「UnDinaruBold」の両方に使用されています – Bindrid

+0

このフォントは一般に公開されているので、どのように見えるのか分かりますか? – Bindrid

関連する問題