问题标签 [glyphicons]

我正在使用带有 Glyphicons 的优秀 Twitter 引导库，但是所有图标都呈现为空方块，如下所示：

我已将 Glyphicons 字体上传到我的 Web 根目录，并将bootstrap.css文件更改为指向它们的正确位置，我已经验证了这一点，因为它们200 OK在 Chrome 的开发工具中有请求：

这是我正在使用的标记：

任何想法为什么字体可能呈现为空框？StackOverflow 上的先前答案都指向字体的不正确路径，这里的情况并非如此，因为路径是正确的。

我正在建立一个 php 网站，并在一个 png 文件中有一组图标。

但是，我不知道如何从这个大文件中提取特定图标，因为它们都合并到一个图像中。谁能告诉我该怎么做？

How can I add a glyphicon to a text type input box? For example I want to have 'icon-user' in a username input, something like this:

在我的计算机上，运行 Visual Studio，运行良好......

但是，当我将它部署到我的服务器时，不会渲染 Glyphicons ......任何人都知道可以是什么？

不工作的网站。

更新

Glyphicons 不是 Bootstrap 的一部分，它是原始的 Glyphicons，直接从该站点下载。

我的 Bootstrap 3 项目中需要 Skype 字形图标。

我在 github 上找到了这个不错的 repo： https ://github.com/ericzhang-cn/full-glyphicons

我在 img 文件夹中复制了两个图像，导入了 CSS 文件glyphicons.css并尝试使用 github 中解释的图标：

但不工作。有没有其他人有这个问题？谢谢！

http://www.wordherd.co/#features

在这个站点上，当我尝试使用 Firebug 查看任何图标（如“方向”）的源图像文件时，它会显示某种 unicode 的内容。

你如何获得源图像文件？我试图了解他们用来防止图像被访问的黑客行为。

我和我的同事一直试图解决这个问题一段时间，但我们无法让它发挥作用。希望外面有人比我们更聪明，并且对此有一些好的意见。

当使用 IE8、IE9 或 IE10 访问网站http://glyphicons.com/或http://getbootstrap.com/components/时，并非所有字形图标都显示（有些显示，但其他仅显示为框 []）。

在 Chrome 中，一切都在显示。

编辑：我应该补充一点，这是在我们公司网络上的计算机上。这里是否有阻止我们显示所有字形图标的设置？

EDIT2：我现在怀疑我们的组策略为网络上的所有用户禁用 XMLHTTP。因此，是否可以对 halfling 字体进行编码并直接在 CSS 中使用？

我的页面上有一个登录表单，在用户和传递字段中有 2 个引导字形图标。问题是当它们滚动经过时，它们会显示在我的粘性导航栏上方。

我尝试将 z-index 设置为小于导航栏的值（即 navbar=1 图标=0），但这不起作用。

为什么会发生这种情况，我该如何防止这种行为？

我知道还有很多其他类似的问题，但我的似乎不符合其他问题的任何标准。

我的 Bootstrap 3 字形图标适用于除 Firefox 之外的所有浏览器。在 Firefox 上，它们显示为奇怪的符号。当从 CDN 提供字形图标时，同样的问题是臭名昭著的，但这不是我的问题，因为我使用的是本地托管的字体文件。另外，我已经确保我的文件没有损坏。

这是我的代码。

字形图标的代码：

我已经确保我的文件得到了适当的处理，并确保清除我的缓存。我无法说出我在这里缺少什么。建议？

我无法让引导字形图标在 IE10 或 FF 中显示。我正在使用最新的 bootstrap 3 代码，并以标准方式包含字形图标：

它们在 Chrome 中运行良好，但在 IE10 中它们不可见并在控制台中生成错误：

有趣的是，它们在 IE10 中本地工作，而不是远程工作。

在FF中，他们显示“E034”图标，我认为这意味着找不到图像？