Question

我在awardspace上主持，我正在尝试显示字体真棒图标。在localhost开发时一切正常。

<link rel="stylesheet" type="text/css" href="http://spaiosos.de/library/font-awesome-4.3.0/css/font-awesome.min.css">
<a href="#contact" class="page-scroll" id="contacts"><i class="fa fa-send"></i></a>

我也试过只有library/font-awesome-4.3.0/css/font-awesome.min.css仍然没有工作。同样奇怪的是我的.png图像没有显示出来，所以我只是将它们分别上传到奖励空间中，然后就出现了。与fa文件夹尝试相同，但它不起作用。

Answer 1

我尝试打开href中的链接，但找不到任何页面尝试使用不同的CDN，如https://cdnjs.com/libraries/font-awesome

Answer 2

使用社交媒体图标的工作示例：

<!-- FontAwesome Icons (Start) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<style>
    .fa {
        color: #666 !important;
        font-size: 24px;
        margin-left: 15px;
    }

    .fa:hover {
        color: #000 !important;
    }

    .social_icons a:nth-child(1) i {
        margin: 0;
    }
</style>
<div class="social_icons">
    <a href="#"><i class="fa fa-twitter"></i></a>
    <a href="#"><i class="fa fa-facebook"></i></a>
    <a href="#"><i class="fa fa-linkedin"></i></a>
</div>
<!-- FontAwesome Icons (End) -->

字体真棒图标不会出现。仅限localhost

2 个答案: