为什么Font-Awesome不起作用

时间:2015-02-11 20:22:27

标签: html5 css3 twitter-bootstrap-3 font-awesome

我在我的html文件中链接font-awesome,如下所示:<head><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"></head>

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

  1. 我认为它可能是阻止它的扩展Ad Plus,但它不是因为即使我在没有此扩展程序的浏览器上测试它,它也不会#&# 39;工作。此外,它在使用Ad Plus的服务器上运行良好。

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

  3. 我还检查了<head>中的链接,并将其更改为以前的版本,但这没有任何区别(仍然无法在本地工作)。

  4. 我已经阅读了我在SO上发现的所有内容以及谷歌关于这个问题的内容,但我不知道为什么它不能在本地工作。

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

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

2 个答案:

答案 0 :(得分:2)

您的资源未指定协议。无协议链接在file://上中断。

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

进一步阅读:https://stackoverflow.com/a/4832046/1234256

答案 1 :(得分:2)

当您希望代码同时使用http://以及https://时,

使用//非常棒 - 但在本地,浏览器将查找文件://maxcdn.bootstrapcdn.com/font-awesome /4.3.0/css/font-awesome.min.css - 假设它在你的机器上..