Font Awesome在浏览器中不起作用,但在codepen中工作

时间:2013-12-30 22:49:37

标签: html css font-awesome

我今天下载了Font Awesome,并尝试了一下。在firefox和chrome(最新版本)中,它显示为空白方块。如果使用CDN链接,它甚至不起作用,则显示标准项目符号而不是空白方块。但在codepen.io中,它使用CDN工作正常。

我使用的html与列表示例相同,就在这里:http://codepen.io/pietrofxq/pen/BCaoD

有人知道这个问题吗?

1 个答案:

答案 0 :(得分:1)

您正在使用无模式URL访问CDN。

如果您尝试从磁盘打开页面(架构为file:// ),那么它将失败,它将使用相同的架构来访问CDN

尝试使用完整网址 http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css


如果从服务器调用它,请确保正确传送字体文件。需要告知某些服务器允许访问字体文件 (使用控制台查看它们是否正常加载