2017-06-16 45 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需要至少

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> 

還是一個

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

的鏈接出現在鏈接的CSS:nuboot_radix.style.css –

+0

@字體面{ FONT-FAMILY: 'FontAwesome' 重要; src:url(../ fonts/fontawesome-webfont.eot?v = 4.4.0)!重要; src:url(../ fonts/fontawesome-webfont.eot?#iefix&v = 4.4.0)format(「embedded-opentype」),url(../ fonts/fontawesome-webfont.woff2?v = 4.4.0 )格式(「woff2」),url(../ fonts/fontawesome-webfont.woff?v = 4.4.0)格式(「woff」),url(../ fonts/fontawesome-webfont.ttf?v = 4.4 .0)格式(「truetype」),url(../ fonts/fontawesome-webfont.svg?v = 4.4.0#fontawesomeregular)format(「svg」)!重要; font-weight:normal!重要; font-style:normal!重要; } –

+0

Thisi不是我們的代碼 - 這是來自DKAN drupal項目。正如我所說的那樣,它的工作原理還有很多其他的地方。 –

相關問題