2016-12-11 58 views
0

我在主持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圖片沒有顯示出來,所以我只是將它們分別上傳到awardpace中,然後他們出現了。嘗試與fa文件夾相同,但它不起作用。

+0

無法訪問域'spaiosos.de '嘗試像cdnjs其他cdns或拉你的文件項目,並將其託管在你自己的服務器上 – sa77

回答

1

我試圖打開在href鏈接,但沒有頁面可以發現 嘗試使用不同的CDN像https://cdnjs.com/libraries/font-awesome

+0

感謝它的工作,但仍然無法弄清楚它爲什麼只能在本地工作。 –

+0

我想這與託管網站的配置有關 –

0

工作示例使用社交媒體圖標:

<!-- 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) -->