Glyphicons在一个环境中呈现为空盒子，但在另一个环境中呈现为空盒子

Question

在这个问题上，我已经在SO上阅读了不少主题。但没有一个涵盖我的情况。我的bootstrap glyphicons仅在生产时显示为垂直矩形。它们在dev和staging服务器上显示正常。

完全相同的文件副本。

这是我对所讨论的字形的HTML（剃刀视图）：

<button class="btn btn-default" id="btn-cancel"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Cancel</button>

Web服务器在暂存和生产方面都是IIS7。

实际上在IE11中，甘油酮根本不显示。请参阅图片，了解它在Chrome和FireFox中的外观：

Answer 1

您glyphicon显示为正方形，因为它无法加载字体。确保fonts文件夹没有任何限制。这些是我能想到的可能有助于解决问题的原因：

• 部署服务器上缺少字体文件夹。修复：检查您的bootstrap / web文件，并确保复制好所有内容，并且字体文件夹中包含字体。

错误地放置了字体文件夹。字体文件夹始终是bootstrap.css文件中的一个文件夹。确保您的字体和包含css的文件夹是这样的：

 bootstrap/
 ├── css/
 │   ├── bootstrap.css
 ├── js/
 │   └── bootstrap.min.js
 └── fonts/
    |__ glyphicons-halflings-regular.eot

调试：检查您的浏览器控制台是否有任何＆＃34;无法加载资源＆＃34;错误

• 如果您仍然无法弄明白，请在之后检查文件。某个地方肯定有丢失的文件或无法加载的文件。
• IE在字体方面有一些限制：check more here

Answer 2

我遇到了同样的问题，发现一旦将其链接到html头，它就可以正常工作。我希望这也能为您解决。 <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Answer 3

确保包含5个文件的fonts文件夹位于基本公用文件夹中。

Answer 4

http://forums.iis.net/t/1179660.aspx提供的答案解决了这个问题。我在下面粘贴它以防链接中断：

  

... [C]如果IUSR有（ sic ）访问该网站的话。请带上   以下步骤：

     

  
1. 打开IIS管理器，展开“站点”节点并选择您的站点。
  
2. 点击右侧操作窗格中的“编辑权限..”。
  
3. 如果未授予用户权限，请切换到安全选项卡，添加IUSR以获取读取权限。
        

您可以查看以下文章，了解有关的更多信息   IIS7中的内置帐户：

     

了解IIS 7中的内置用户和组帐户   http://learn.iis.net/page.aspx/140/understanding-built-in-user-and-group-accounts-in-iis-7/