2017-06-16 1 views
0

ライブ例:https://portal.riits.net/(レイアウトの問題は無視してください。まだUIデザイナーが作業しています)フォントがロードされていないブラウザ

FontAwesomeフォントはどのブラウザからも要求されていません(Chrome、Firefox、またはIEの開発ツールでフォントの読み込みに失敗したことはありません)ので、フォントベースのアイコンは表示されません。

  1. をはい、フォントがページ上の要素によって明示的に要求されている:

    これらは私がチェックしているものです。

  2. Apache2に必要なすべての追加のフォント処理を追加しました(アプリケーション/タイプが定義されていることを確認し、クロスオリジンポリシーが.htaccessファイルにあることを確認してください)。しかし、#3を見てください。

  3. 私のコンピュータとエンドポイントの間で複数の異なるスニファを実行しましたが、そのすべてがフォントファイルが決してイベント要求されていないことを示しています。

  4. これは、展開されたすべてのローカル開発環境で正常に動作します。

ここで私は本当にばかげて単純なものが欠けているように感じます。

答えて

1

ページ上にその存在しないフォント素晴らしいCSSのリンクなので、それが習慣にロードされ、問題のないブラウザ、ページ上のコードでは、

は、あなたは、単に輸入

が欠落していますあなたがDrupalのを使用していることの一見のための

、私はこのモジュールhttps://www.drupal.org/project/fontawesome

を使用してお勧めまたはhttp://fontawesome.io/get-started/を参照することになりは非常に簡単です: youllは少なくとも

を必要とします

それとも

@import url(https://portal.riits.net/path/to/font-awesome/css/font-awesome.min.css);  
+0

リンクは、リンクされたCSSに存在している:nuboot_radix.style.css –

+0

フォントフェイス{ フォントファミリ:@! 'FontAwesome' 重要。 src:url(../ fonts/fontawesome-webfont.eot?v = 4.4.0)!重要: src:url(../ fonts/fontawesome-webfont.eot?#iefix&v = 4.4.0)形式( "embedded-opentype")、url(../ fonts/fontawesome-webfont.woff2?v = 4.4.0) )フォーマット( "woff")、URL(../fonts/fontsawesome-webfont.woff?v = 4.4.0)フォーマット( "woff")、url(../fonts/fontsawesome-webfont.ttf?v = 4.4 。 ")形式(" truetype ")、url(../fonts/fontsawesome-webfont.svg?v = 4.4.0#fontawesomeregular)形式(" svg ")! font-weight:normal!重要:重要! font-style:normal!重要! } –

+0

Thisiは私たちのコードではありません - これはDKAN drupalプロジェクトのものです。私が言ったように、それは複数の場所があるように働いています。 –

関連する問題