html - 社交按钮显示不正确

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的fontface路径是错误的，你应该把fonts文件夹放在你的fontawesome.css相同的路径下，这是默认设置。

更多详情请引用http://fontawesome.io/get-started/