字体真棒图标以正方形而不是图标显示代码答案

【问题标题】：Font awsome icons are showing codes in squares instead of icons字体真棒图标以正方形而不是图标显示代码
【发布时间】：2016-08-25 15:24:03
【问题描述】：

我是网络开发的新手。我已经下载了一个包含所有来源的免费模板，并尝试更改它以获得一些经验。当我运行模板时，fa fa-facebook、fa fa-twitter 等图标在正方形中显示 f0 98 等代码，而 facebook 和 twitter 的图标没有显示。请帮助！这是链接 font-awsome 的代码

<link rel="stylesheet" type="text/css" href="libraries/fonts/font-awesome.min.css">

这里是代码

 <!-- Header Socials -->
 <div class="col-md-4 col-sm-12 col-xs-12 header-socials">
 <ul class="no-padding">
 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
 <li><a href="#"><i class="fa fa-instagram"></i></a></li>
 <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
 <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
 <li><a href="#"><i class="fa fa-linkedin"></i></a></li>                        
 </ul>
 <a href="contact.html" class="contact-us"><i class="fa fa-user"></i>Contact Us</a>
 </div><!-- / Header Socials -->

问候！阿赫塔尔

【问题讨论】：

在与您的问题类似的详细程度.....看起来您的代码中存在问题。最有可能与您尝试使用 font-awesome 的方式有关。（如果您需要帮助，您应该发布您的代码。）

标签： font-awesome

【解决方案1】：

听起来你没有完全实现 Font Awesome

尝试将其放入 <head>:

<script src="https://use.fontawesome.com/08a9781b65.js" type="text/javascript"></script>

【讨论】：