無法在瀏覽器Chrome和IE中加載資源

在我的應用程序中，我使用了不同的字體和bootstrap的glyphen圖標。要在所有瀏覽器中查看結果，我已將所有必需的字體類型（woff，tft，svg，..）放在font-face中。對於引導圖標，我只是將必要的類型放在字體文件夾中。無法在瀏覽器Chrome和IE中加載資源

如果我去本地主機，一切工作正常。在所有瀏覽器中，我可以看到結果。

但是現在我在真正的服務器上部署了我的應用程序（戰爭）。在fireFox中，我仍然可以看到圖標和字體，但不能在Chrome和IE中看到。在那裏，我得到控制檯以下錯誤：

http://myTestServer.com/admin-UI/fonts/source-sans-pro/Source_Sans_Pro_400.woff Failed to load resource: the server responded with a status of 500 (Internal Server Error) 
... 
GET http://myTestServer.com/admin-UI/fonts/glyphicons-halflings-regular.woff2 
GET http://myTestServer.com/admin-UI/fonts/glyphicons-halflings-regular.woff 
GET http://myTestServer.com/admin-UI/fonts/glyphicons-halflings-regular.ttf

我不明白，爲什麼它的工作原理地方，而不是真實的服務器上。有人知道這個問題嗎？

我的CSS：

@font-face { 
    font-family: 'Source Sans Pro'; 
    font-style: normal; 
    font-weight: 300; 
    src: url('../fonts/source-sans-pro/Source_Sans_Pro_300.eot'); 
    src: url('../fonts/source-sans-pro/Source_Sans_Pro_300.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/source-sans-pro/Source_Sans_Pro_300.woff') format('woff'), 
    url('../fonts/source-sans-pro/Source_Sans_Pro_300.ttf') format('truetype'), 
    url('../fonts/source-sans-pro/Source_Sans_Pro_300.svg#SourceSansPro') format('svg');

謝謝！

UPDATE：

前的index.html（春季啓動的本地主機服務器才做）：

<!-- Bootstrap Core CSS --> 
<link href="css/bootstrap.min.css" rel="stylesheet">

後（這部作品在Tomcat和也myServer上）的index.html

<!-- Bootstrap Core CSS - tomcat--> 
<link href="http://localhost:8080/adminUI/css/bootstrap.min.css" rel="stylesheet"> 

<!-- Bootstrap Core CSS -myTestServer--> 
    <link href="http://myTestServer.com/adminUI/css/bootstrap.min.css" rel="stylesheet">

main.css我也加了絕對路徑。我的問題是，現在有沒有辦法來取代絕對路徑：「http://..../」與一個變量。
如果我使用的是相似的路徑，那就像在開始時一樣。我希望你明白我的意思。

來源

2016-08-17 trap

使用絕對路徑在css中包含字體文件 – Khurram

關於引導程序字體文件？他們是否也必須在CSS？我以爲引導程序會自動在字體文件夾中找到它們。我應該如何命名bootstrap的字體，以便檢測文件？ – trap

你的字體和樣式應該在同一個父目錄目錄中，像這樣。查看字體和樣式文件夾，並忽略其他文件夾，這是一個例子。

然後包括你的文檔像這樣在引導CSS。

<link rel="stylesheet" href="http://example.com/style/bootstrap.min.css">

將example.com替換爲您的域名。引導程序會自動在相同的父目錄中找到字體文件。這是引導CSS文件的絕對路徑。

來源

2016-08-17 07:12:48 Khurram

非常感謝。它真的有效。但有沒有可能在CSS中獲得absoutePath？其實我不想把絕對路徑放在我的css和index.html中。在index.html中，我可以使用javaScript。但在Css中這將是一個問題吧？使用絕對路徑的 – trap

不是問題。但是，如果您不想使用絕對路徑，則可以根據根目錄使用相對路徑。我不知道你正在使用哪個主機。在大多數情況下，public_html是我們的根目錄，並且假設您的字體和樣式文件夾位於public_html的assets文件夾中，那麼您可以使用/assets/style/somestyle.css。這裏/之前代表根目錄的資產。在此頁面上閱讀有關絕對路徑和相對路徑的mre http://www.coffeecup.com/help/articles/absolute-vs-relative-pathslinks/ – Khurram

在相對路徑中，您還可以使用../訪問父目錄../ ../父母的父母。和/從根目錄開始。 – Khurram

無法在瀏覽器Chrome和IE中加載資源

回答

相關問題