2017-01-12 2 views
0

Мой сноска в Wordpress имеет ряд социальных иконок, но Instagram является единственным, который не отображается правильно (прилагается изображение):Instagram шрифта значок, показывающий как квадрат

enter image description here

Я добавил Ниже для лучшего шрифта рендеринга:

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

И это, как значок определяется в моем style.css:

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

В чем проблема? Я очень знаком с иконками css, поэтому я не уверен, что проблема может быть в этом случае.

Спасибо,

EDIT1:

семейство шрифтов определяется следующим образом в моем 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; 
} 
+2

Какая библиотека значок шрифта сделать вас использовать? вероятно, неправильный юникод. – Stickers

+0

Это оригинальная библиотека шрифтов значков. Из svg глиф unicode = "& # xe604, так что это правильно. – paranza

+1

У вас есть семейство шрифтов для этого? Просто сравните с рабочими. – Stickers

ответ

0

Вы можете использовать другой значок шрифта из 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

For More Нажмите Here

Смежные вопросы