Question

我有一个静态网站，我尝试添加font-awesome。我已经有了bootstrap和jquery。

在Firefox上它显示一个奇怪的符号，在chrome上它什么也没显示。资源显示了字体很棒的CSS。但它没有显示字体。资源 - ＆gt;字体 - ＆gt;不包含fontawesome字体。我查看了目录结构/文件名，然后检查出来。

<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<link href="amara.css" rel="stylesheet">
<link rel="stylesheet" href="f-a/css/font-awesome.min.css">



  <ul class="nav navbar-nav pull-right">
    <li> <i class="fa fa-twitter"></i>s</li>
  </ul>

我得到的唯一错误是：

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. jquery-1.10.2.js:5374

有谁知道可能是什么问题？

Answer 1

它是浮动权限并为其添加边距的引导样式表...

我刚刚创造了这个小提琴，告诉你我的意思

http://jsfiddle.net/fj5vj/2/

现在，如果你添加一些样式来覆盖bootstrap，你现在就会看到它

http://jsfiddle.net/fj5vj/1/

 .pull-right {float:none !important}
 .navbar-nav {margin:0 !important}

最后一个小提琴我删除了booptstrap样式表，只是为了让你看到它

http://jsfiddle.net/fj5vj/3/

Answer 2

以下内容应该在chrome中本地工作（浮动到右上角）：

<html>
<head>
  <title>test</title>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
  <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
 <ul class="nav navbar-nav pull-right">
    <li> <i class="fa fa-twitter"></i>s</li>
  </ul>
</body>
</html>

没有http:它将无法在本地运行：

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"

Font-Awesome没有加载字体，只加载css

2 个答案: