Twitter bootstrap 字体图标不适用于引导

我将CDN添加到我的代码中：

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

但当我尝试添加一个带有字体图标的按钮时，它会显示一个空白：

 <div class="container">
    <a class="btn" href="#">
       <i class="fa fa-twitter"></i>
    </a>
 </div>

---

将

http:

添加到href，使其看起来像这样：

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

---

编辑：如果您的页面使用HTTPS，请使用HTTPS链接到字体awesome CSS（将上面链接中的

http://

替换为

HTTPS://

）

尝试注释代码的其他部分或简化它，以便缩小问题的范围。这里有一个JSFIDLE供您使用：如果您从代码中生成一个片段，那么您的代码就可以正常工作—其他东西对您不起作用。CDN的顺序是否重要？我找不到问题。可能重复的谢谢，已修复。如果你看一下github，它提供了它原来的方式：这个答案并不完全正确。现在的问题是，如果使用SSL（即HTTPS）访问您的站点，字体将不会再次加载。因此，我必须同时包含这两种字体，还是？添加http使我能够访问资源，如果我想离线测试它怎么办？@Pablo这基本上是正确的，但首先没有解释为什么添加

http:

prefix会有帮助，其次如果你想拥有一个安全的网站就没有帮助了。@jojo你的答案现在包括了一些关于使用SSL的信息，但是一个接受SSL的网站又如何呢？