Question

我正在使用Bootstrap v3.3.x及其glyphicons。由于某种原因，在远程服务器上，而不是在本地，无法找到具有字体的文件夹，因此不会加载glyphicons。在chrome调试器中它说：

x GET http://the IP /网络应用程序文件夹/内容/字体/字形 - halflings-regular.woff ....................... ....................... / web app folder / Content / fonts / glyphicons-halflings-regular.woff：1

表示错误，因为无法找到该文件。

我检查了以下内容：

包括bootstrap和bootstrap-theme样式表
文件夹fonts与文件夹css处于同一级别：~/Content/css/bootstrap.min.css，~/Content/css/bootstrap-theme.min.css和~/Content/fonts/
我已将所需的mimeMap条目添加到web.config

<staticContent>
  <remove fileExtension=".eot" />
  <remove fileExtension=".ttf" />
  <remove fileExtension=".otf" />
  <remove fileExtension=".woff" />
  <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
  <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
  <mimeMap fileExtension=".otf" mimeType="image/svg+xml" />
  <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
</staticContent>

如果我从远程位置加载整个引导程序库，我还检查了一切是否正常：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

问题是我下载了带有自定义组件的库，并且必须引用服务器上的库。

干杯

Answer 1

我的问题的原因是VS2010在尝试deply应用程序时没有将请求的文件复制到远程服务器文件夹中。我不得不自己复制它们。

要解决此问题，我必须打开窗口属性，转到Bootstrap的Fonts文件夹，单击其中的每个文件，然后将Build Action设置为 Content 。

引导。 Glyphicons未加载到远程服务器上。无法找到文件夹

1 个答案: