0

當我在Visual Studio 2013本地運行我的項目時,Font Awesome Icons可以正常工作。然而,當部署他們缺席。Font Awesome在部署到Server 2008 R2時不起作用

從服務器運行時,IE開發人員工具顯示Css進入,但字體沒有調用。沒有404錯誤!沒有403錯誤!沒有。這就像Css正在跳過@ font-face聲明一樣,因爲它甚至不會嘗試調用EOT文件。

這裏是事實:

  • MIME類型都加入到IIS 7.0(EOT,SVG,WOFF,woff2,TTF)
  • 該文件結構的CSS是 - 字體>字體真棒> CSS
  • 該文件結構的字體是 - 字體>字體真棒>字體
@font-face { 
    font-family: 'FontAwesome'; 
    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); 
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), 
     url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), 
     url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), 
     url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), 
     url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') 

格式('svg'); font-weight:normal; font-style:normal; }

回答

0

有真的不夠這裏肯定地說,但如果我必須猜的話,我想像你是包括字體的捆綁真棒,和包路徑是打破了字體引用。

束路徑,即~/bundles/foo是一個文字路徑。當捆綁器加入並縮小它將文件保存到該位置的所有內容時。樣式集合通常使用~/Content/foo,因爲在~/Content中傾向於引用圖像和字體等內容。當然,捆綁僅在生產中發生,默認情況下,所以它不會以任何方式影響您的開發。我不確定你實際使用什麼作爲捆綁路徑,但那將是我查看的第一個地方。

另一個潛在的問題是,可能該軟件包根本沒有被加載。當您不小心創建映射到物理目錄的捆綁包路徑時,這很常見。例如,如果您的包路徑爲~/Content/fonts,並且項目中的~/Content下有一個名爲fonts的物理文件夾,那麼您的包將不會被加載,並且該包中的腳本/ css都不會應用於該頁面。確保你的包路徑沒有引用一個物理目錄。

+0

這也沒有工作。 @ font-face不會調用url –