2017-01-12 5 views
0

Meine Fußzeile in Wordpress eine Reihe von sozialen Ikonen, aber Instagram ist die einzige, die richtig (siehe beiliegendes Bild) nicht Rendering:Instagram Schriftart Symbol als Quadrat zeigt

enter image description here

ich hinzugefügt haben, die folgende für eine bessere Schriftwiedergabe:

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

Und das ist, wie das Symbol in meinem style.css definiert:

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

Was ist das Problem? Ich bin sehr neu zu CSS-Symbolen, so dass ich nicht sicher bin, was das Problem in diesem Fall sein kann.

Danke,

EDIT1:

Font-Familie definiert ist, wie in meinem style.css folgt:

[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

Welche Symbol Schriftart Bibliothek, die Sie tun benutzen? wahrscheinlich falsche Unicode. – Stickers

+0

Es handelt sich um eine Symbolbibliothek für Eigenschaftenschriften. Von Svg die Glyphe Unicode = "& # xe604, so ist es richtig. – paranza

+1

Haben Sie Schriftart-Familie zu diesem einen? Vergleichen Sie einfach mit den Arbeiten. – Stickers

Antwort

0

Sie eine andere Schriftart Symbol von here verwenden können.

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

Symbol: 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

Mark mehr Here

Verwandte Themen