无法在浏览器Chrome和IE中加载资源

Question

在我的应用程序中，我使用了不同的字体和bootstrap的字形图标。 为了在所有浏览器中查看结果，我将所有必要的字体类型（woff，tft，svg，..）放在了字体表面。 对于引导程序图标，我只将必要的类型放在字体文件夹中。

如果我进入本地主机，一切正常。 在所有浏览器中，我都可以看到结果。

但是现在我在一个真实的服务器上部署了我的应用程序（war）。 在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');

谢谢！

更新：

之前的index.html（仅在spring boot的localhost服务器中工作）：

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

之后的index.html（这在tomcat和myServer中都有效）

<!-- 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：//..../ ”。
如果我使用相对路径，那将像开始时一样是同样的问题。 我希望你明白我的意思。

Answer 1

这样，您的字体和样式应位于相同的父目录目录中。 查看字体和样式文件夹，并忽略其他文件夹，这是一个示例。

然后像这样在您的文档中包含引导CSS。

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

用您的域替换example.com。 bootstrap将自动在同一父目录中找到字体文件。 这是引导css文件的绝对路径。