Question

为什么fontawesome图标没有出现？在Chrome和Safari？

Chrome和Safari上的Bootstrap和Fontawesome。它们没有显示任何东西。这是我的代码。感到愚蠢的挣扎着这个超级简单的任务...

<link href="bootstrap.css" rel="stylesheet">
<link href="jumbotron-narrow.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

它应该可以工作，但为什么它没有显示任何东西？任何人都可以帮助我吗？

  <div class="jumbotron">
    <p><a class="btn btn-lg btn-success" href="http://github.com/" target="blank">GitHub</a>
    <i class="icon-github-alt"></i>
    </p>
  </div>

Answer 1

工作对我没问题 - 见下面的示例：

http://jsfiddle.net/easwee/tmWVz/

为什么要加载

bootstrap-combined.no-icons.min.css

文件？

你只需要

bootstrap.min.css
font-awesome.min.css

让它发挥作用。

Answer 2

尝试以这种方式包含它。如果您在本地工作而不是在浏览器上试图从硬盘驱动器中获取文件。

<link href="bootstrap.css" rel="stylesheet">
<link href="jumbotron-narrow.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

在本地工作时不要忘记 http：。

为什么fontawesome图标不显示？在Chrome和Safari？

2 个答案: