Glyphicons在开发中显示正常，但在IIS托管时却无法显示

Question

在开发期间，我能够很好地查看我的图标，但是在使用Visual Studio的构建部署包创建部署包并将其托管在本地（同一台PC）IIS7.5服务器上后，这些图标就无法显示出来了。对于所有图标，我只看到一个空白框。

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

我在Google上搜索，找到了一个遇到同样问题的人，但他是在Apache上托管他的Web项目，所以他所做的是将所有文件和文件夹的chmod设置为777。

我在IIS7.5中也做了类似的事情，我授予了我的文件夹读/写访问权限，但它们仍然没有显示出来。我通过Handler Mappings> Content View> Edit Permissions来完成这个操作。我给拥有glyphicons.png的文件夹全体用户赋予了完全控制权，以确保万无一失。

仍然没有任何东西显示出来。还有什么需要检查的吗？

- Null Reference

---

你检查了生成的img标签中src属性的路径吗？如果直接在Web浏览器中访问此路径，图像是否显示出来了？ - Rafael

Glyphicons使用CSS精灵来渲染图标，因此我无法执行“右键单击>查看图像位置”。 - Null Reference

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

使用浏览器的开发者工具，按F12键即可打开大多数浏览器的开发者工具。然后转到应用CSS精灵的元素，并查看生成的URL，将此URL粘贴到浏览器中，查看图像是否显示。 - Rafael

Answer 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">

这里是其他类似情况的相关链接：

• 字体图标不起作用，图标显示为方块

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

• MVC4中的Bootstrap和font-awesome

- Rafael Fernandes

---

只是添加glyphicons链接对我来说完美地起作用了，谢谢。 - dChimento

我也试过了，谢谢。 - SimonGoldstone

Answer 2

请注意，这个StackOverflow回答中提到的方法可以解决问题，只需要将.eot、.ttf和.woff文件的构建操作设置为“Content”，而不是默认值“None”。这样做可以解决我的问题。

- janoulle

---

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

我花了很长时间才找到这个答案。这个方法有效。 - Sarah