【问题标题】:Font awesome icons not working with bootstrap字体真棒图标不适用于引导程序
【发布时间】:2015-06-05 15:45:35
【问题描述】:

我将 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>

【问题讨论】:

标签: twitter-bootstrap font-awesome


【解决方案1】:

http: 添加到href,使其看起来像这样:

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

编辑:如果您的页面使用 HTTPS,请使用 HTTPS 链接到 font-awesome CSS(将上面链接中的 http:// 替换为 https://)。

【讨论】:

  • 谢谢,已修复。如果您查看字体真棒 github 它提供它的方式是:fortawesome.github.io/Font-Awesome/get-started
  • 这个答案并不完全正确。您现在遇到的问题是,如果您的网站使用 SSL(即 HTTPS)访问,字体将不会再次加载。
  • 那么,我必须同时包含两者还是?添加 http 可以让我访问资源,如果我想离线测试它怎么办?
  • @Pablo 这大部分是正确的,但首先没有解释为什么添加 http: 前缀会有所帮助,其次如果您转向拥有一个安全的网站则无济于事。
  • @jojo 您的回答现在包括一些有关何时使用 SSL 的信息,但接受任何一种的网站怎么样?
猜你喜欢
  • 2016-04-12
  • 2021-03-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多