字体真棒图标在实时站点中显示为空白框答案

【问题标题】：Font awesome icons showing up as blank boxes in live site字体真棒图标在实时站点中显示为空白框
【发布时间】：2014-11-16 05:39:51
【问题描述】：

字体真棒图标在实时站点中显示为空白框，而它在本地正确显示。在课堂前添加了“fa”，但仍然无法正常工作。知道为什么吗？

【问题讨论】：

在 javascript 控制台中，它给出的错误是“加载资源失败”“example.com/css/fontawesome-webfont.woff”。但是该文件存在于指定文件夹中，即（css文件夹）。
仅供参考：这个问题可能被否决了，因为它看起来好像你没有付出任何努力。（我相信你做到了，但问题看起来好像你没有）将来，尝试添加一些代码或更好的一个活生生的例子，你会有更多的运气来回答问题。对于现场示例，JSFiddle 和 Plunker 都工作得很好。不过，我倾向于更频繁地使用 Plunker。

【解决方案1】：

要进行测试，请尝试通过他们的 CDN 而不是本地加载代码。看看能不能解决问题。

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

【讨论】：

【解决方案2】：

我遇到了类似的问题。我意识到我没有把所有的fa webfonts。您可以通过转到Inspect Element -> Network 来调试您的问题，然后查看哪些文件导致了404 错误。

去找他们的发起人并上传这些文件。它将再次开始工作。

【讨论】：