字体很棒的图标以正方形而不是图标显示代码

Question

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

此致！阿赫塔

Answer 1

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

试着把这个放在里面 <head>:

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

字体很棒的图标以正方形而不是图标显示代码

Font awsome icons are showing codes in squares instead of icons

font-awesome