为什么 Font-Awesome 不起作用

Why is Font-Awesome not working

我在我的 html 文件中 link 字体很棒:<head><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"></head>

当我在我的网站上本地工作时,图标没有显示。 但是他们出现在服务器上!

  1. 我以为可能是插件 Ad Plus 屏蔽了它,其实不是,因为即使我在没有这个插件的浏览器上测试,它也不起作用.此外,它在带有 Ad Plus 的服务器上运行良好。

  2. 然后我认为它可能是 XAMPP 并且我可能没有打开我的 Apache 服务器。但一切都运行很好!

  3. 我也检查了<head>里面的link,改成了以前的版本,但是没有任何区别(仍然不能在本地工作)。

  4. 我已经阅读了我在 SO 和 google 上可以找到的关于这个问题的所有内容,但是我不知道为什么它在本地不起作用。

我什至做了一个 fiddle 来仔细检查它是否在线正常工作并且确实如此:http://fiddle.jshell.net/g1qor20y/ 在 fiddle 中,我复制了 <head> 中的所有内容,因为我认为可以在那里找到问题,但它在网上运行良好。

为什么它在本地不起作用?它没有出现。

您的资源没有指定协议。无协议链接在 file://.

中断

指定 http://... 在本地工作时。如果您从不使用 https://,请随时在您的资源链接中始终使用 http://

进一步阅读:

当您希望代码同时使用 http:// 和 https:// 时,使用 // 非常有用 - 但在本地,浏览器将查找 file://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css - 假设它在你的机器上..