Question

需要使用font-awesome打印社交媒体徽标这是对我的html的css调用

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

HTML

<ul class="social-media list-inline">
    <li><a href="#"><span class="fa fa-facebook"></span></a></li>
    <li><a href="#"><span class="fa fa-twitter"></span></a></li>
    <li><a href="#"><span class="fa fa-pinterest"></span></a></li>
    <li><a href="#"><span class="fa fa-google-plus"></span></a></li>
    <li><a href="#"><span class="fa fa-dribbble"></span></a></li>
    <li><a href="#"><span class="fa fa-behance"></span></a></li>
</ul>

这里没有显示任何方形显示如何解决这个问题？

Answer 1

使用以下脚本再试一次

<script src="https://use.fontawesome.com/e2d16502eb.js"></script>

Answer 2

可能是您的字体文件路径错误或您正在使用旧的字体库很棒。检查下面的代码片段，它与4.7.0版本一起工作正常。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<ul class="social-media list-inline">
    <li><a href="#"><span class="fa fa-facebook"></span></a></li>
    <li><a href="#"><span class="fa fa-twitter"></span></a></li>
    <li><a href="#"><span class="fa fa-pinterest"></span></a></li>
    <li><a href="#"><span class="fa fa-google-plus"></span></a></li>
    <li><a href="#"><span class="fa fa-dribbble"></span></a></li>
    <li><a href="#"><span class="fa fa-behance"></span></a></li>

</ul>

Answer 3

快速修复尝试使用fontawesome CDN替换本地文件夹。

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

不显示字体 - 真棒社交媒体徽标

3 个答案: