带有问号的 Glyphicon 和 Font Awesome 显示框 [关闭]

Question

基本上就像标题所说的那样，我的网站既没有显示 Glyphicons，也没有显示 Font Awesome 图标，一旦我输入代码，就会出现这样的结果：http://prntscr.com/8qwwmd 用于 Glyphicon 和 Font Awesome 图标。这个问题实际上从未发生在我身上，这并没有影响我在 localhost 中的所有站点。

Answer 1

打开 javascript 控制台，查看是否因缺少资源而出现 404 错误。这取决于您如何加载 font awesome 或 glyphicon 库，以及它们是否在您的文件中可见。

我假设你知道如何检查控制台，如果不知道，一般来说：

• 右键单击
• 检查元素
• 点击“控制台”标签
• 重新加载页面

如果这里没有发现错误，可能是网络错误被禁用了，在这种情况下：

• 右键单击
• 检查元素
• 点击“网络”标签
• 重新加载页面

如果 404 不是您的问题，请确保正确包含相应的 CSS 库。如果这些都不起作用，那么请提供更多信息来说明正在发生的事情。

编辑

因此，鉴于您的评论并查看您的 JSFiddle，我发现了问题所在。您的所有资产都已正确加载，但您碰巧有一个错误的 CSS 规则，这会弄乱您的代码：

font-family: 'Lato', sans-serif !important;

此规则会覆盖引导程序的 glyphicon 类上的任何默认字体，这会弄乱您的代码。删除“！important”使其工作，我建议这样做，因为您不想在全局 css 选择器上使用 !important。

font-family: 'Lato', sans-serif;