社交按钮正确

Question

我有以下页脚：

<footer class="footer"> 
    <div class="container text-center"> 
     <a href="#"> 
      <i class="fa fa-facebook"></i> 
     </a> 
     <a href="#"> 
      <i class="fa fa-twitter"></i> 
     </a> 
     <a href="#"> 
      <i class="fa fa-linkedin"></i> 
     </a> 
    </div> 
    <!--End container--> 
</footer> 
<!--End footer --> 

我包括在上面下面：

<!-- Bootstrap Core CSS --> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 
<!-- Custom CSS --> 
<link href="css/scrolling-nav.css" rel="stylesheet"> 

<!-- Font awesome CSS --> 
<link href="css/font-awesome.min.css" rel="stylesheet"> 
<!-- Bootstrap social CSS --> 
<link href="css/bootstrap-social.css" rel="stylesheet"> 

然而，当我打开HTML，我看到的是这样的：

如何让页脚显示正确的按钮？

Answer 1

显然，你的fontawesome的字体路径是错误的，你应该把字体文件夹放在fontawesome.css的相同路径中，这是默认设置。

欲了解更多详情，请参阅http://fontawesome.io/get-started/