Icon-Fonts einbinden

**Thomasge** · 18.09.2018, 19:15

Hallo,

ich habe mal versucht Icon-Fonts mittels Fontello testweise einzusetzen, aber das klappt irgendwie bei mir nicht. Im Microsoft Edge wird garnichts angezeigt und im Firefox erscheint ein Symbol, welches nicht in der Bibliothek vorhanden ist. Das Symbol ist am Ende des Posts beigefügt.
Es wurden Icons über Fontello erstellt, die Pfade in der CSS-Datei angepasst, auf den Webspace hochgeladen und die CSS-Datei im Seitenlayout eingebunden. Danach habe ich ein Textelement auf einer Webseite eingefügt und den CSS-Code erstellt. Zusätzlich noch den HTML-Code <i class="CLASSNAME"></i> vor dem Textelement eingebunden, laut Anleitung. Dabei kam folgendes Ergebnis wie oben beschrieben heraus. Woran kann jetzt der Fehler liegen? Oder habe ich noch etwas übersehen.
Für Hinweise die zur Lösung des Problems beitragen wäre ich sehr dankbar.

Code:

HTML

<i class="CLASSNAME"></i>


CSS

.ce_text.icon_font {
    border:1px solid #000;
}
       
.ce_text.icon_font:before {
    font-family: fontello;
    content: "\f0c9";
    font-size: 40px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    color: #000;
}

Symbol.jpg

Gruß
Thomas