Glyphicons 在开发中显示良好，但在 IIS 中托管时却没有

Posted 2023-03-14

【中文标题】Glyphicons 在开发中显示良好，但在 IIS 中托管时却没有

【英文标题】：Glyphicons shows up fine in development but not when hosted in IIS

【发布时间】：2013-02-19 06:34:40

【问题描述】：

在开发过程中我可以很好地查看我的图标，但是在使用 Visual Studio 的构建部署包创建部署包并将其托管在我的本地（同一台 PC）IIS7.5 服务器上之后，图标不显示.我只是为所有这些人得到一个空白框

我检查了路径，图像在那里。

我四处搜索，发现有人遇到了同样的问题，但他在 apache 上托管他的 web 项目，所以他所做的就是将他所有的文件和文件夹 chmod 到 777。

我在 IIS7.5 中做了同样的事情，我授予了我的文件夹读/写访问权限，但它们仍然没有出现。我通过 Handler Mappings > Content View > Edit Permissions 做到了这一点。为了确定，我为所有用户提供了对 glyphicons.png 完全控制的文件夹。

仍然没有任何显示。还有什么要检查的？

【问题讨论】：

你检查生成的img标签的src属性中的路径了吗？如果你在网络浏览器中直接访问这个路径，图片会显示吗？

Glyphicons 使用 css sprite 来渲染图标.. 所以我不能执行“右键单击 > 查看图像位置”

您仍然应该能够检查元素并查看生成的 URL...

使用浏览器的开发工具，按 F12 将它们打开，然后转到应用 CSS sprite 的元素并查看正在生成的 url，然后将此 url 粘贴到你的浏览器，看看图像是否出现。

【参考方案1】：

我一直在寻找相同的答案，对我来说，当我将链接直接放到网站时工作。

尝试使用http://glyphicons.getbootstrap.com/ 提供的链接，或者将这些链接放在您的_Layout 页面中：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

这里有一些其他类似情况的相关链接：

Font Awesome not working, icons showing as squares

http://www.seankilleen.com/2012/12/how-to-quickly-update-mvc4-project-with.html

Bootstrap and font-awesome in MVC4

【讨论】：

仅添加 glyphicons 链接对我来说效果更好，谢谢。

也为我工作。谢谢。

【参考方案2】：

仅供参考，other *** answer 上建议的此方法通过将 .eot、.ttf 和 .woff 文件上的构建操作设置为“内容”而不是默认值“无”来解决问题。这样做解决了我的问题。

【讨论】：

这应该被标记为这个问题的正确答案

我一直在寻找这个答案。这行得通。