Glyphicon和Font Awesome显示带有问号的框

时间:2015-10-13 17:40:54

标签: html css font-awesome glyphicons

基本上标题是什么,我的网站没有显示Glyphicons和字体真棒图标,一旦我输入代码,这就出现了:http://prntscr.com/8qwwmd用于Glyphicon和Font Awesome Icons。这个问题实际上从来没有发生在我身上,这并没有影响到我在localhost中的所有网站。

1 个答案:

答案 0 :(得分:1)

打开javascript控制台,查看是否因缺少资源而获得任何404错误。这取决于您如何加载字体真棒或glyphicon库以及它们是否在您的文件中可见。

我假设您知道如何检查控制台,如果没有,一般来说:

  • 右键单击
  • 检查元素
  • 点击标有" console"
  • 的标签
  • 重新加载页面

如果此处未发现错误,则可能会禁用网络错误,在这种情况下:

  • 右键单击
  • 检查元素
  • 点击标有" network"
  • 的标签
  • 重新加载页面

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

修改

所以,鉴于你的评论和检查你的JSFiddle,我发现了问题所在。您的所有资产都正确加载,但您碰巧有一个糟糕的CSS规则搞乱了您的代码:

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

此规则会覆盖其上的glyphicon类所包含的任何bootstrap默认字体,这会弄乱您的代码。删除"!important"使它工作,我建议你做,因为你不想在全局的CSS选择器上使用!important。

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