Instagram的字體圖標顯示爲一個正方形

我在WordPress的頁腳中有一些社會圖標，但Instagram的是，沒有適當地渲染只有一個（見附件圖片）：Instagram的字體圖標顯示爲一個正方形

我已經添加了以下爲更好的字體渲染：

-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;

這是怎樣將圖標在我的style.css定義：

.icon-instagram:before { 
    content: "\e604"; 
}

問題是什麼？我對css圖標很陌生，所以我不確定在這種情況下會出現什麼問題。

謝謝

EDIT1：

FONT-FAMILY被定義爲我的style.css如下：

[class^="icon-"], [class*=" icon-"] { 
    font-family: 'my-icons'; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 

    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

來源

2017-01-12 paranza

哪個圖標字體庫你使用？可能是錯誤的unicode。 – Stickers

它是一個財產圖標字體庫。來自svg的字形unicode =「＆＃xe604，所以它是正確的。 – paranza

你是否設置了font-family？那只是比較工作的。 – Stickers

您可以使用其他字體圖標從here。

CSS：<link href="https://file.myfontastic.com/n6vo44Re5QaWo8oCKShBs7/icons.css" rel="stylesheet">

圖標：http://www.socicon.com/chart.php

Facebook的：class="socicon-facebook" \E041 • #3e5b98 的Twitter：class="socicon-twitter" \E040 • #4da7de Instagram的：class="socicon-instagram" \E057 • #000000 的Youtube：class="socicon-youtube" \E051 • #e02a20

詳細點擊Here

來源

2017-01-12 17:37:12

Instagram的字體圖標顯示爲一個正方形

回答

相關問題