Verwendung von Flaticon-Symbolen als Unicode in CSSCSS

CSS verstehen
Anonymous
 Verwendung von Flaticon-Symbolen als Unicode in CSS

Post by Anonymous »

Ich beginne mit der Arbeit an einem Projekt, das Flaticon verwendet, das Projekt verwendet bereits Symbole mit Klassen wie flaticon-right-arrow :

Code: Select all

 [url=...][i][/i][/url]

Also wollte ich den Linkspfeil verwenden, also habe ich versucht:

Code: Select all

[url=...][i][/i][/url]
aber es hat nicht funktioniert. Also habe ich nach dem Debuggen eine Datei namens flaticon.css gefunden, die einige Schriftarten definiert und Klassen wie flaticon-right-arrow, aber nicht flaticon-left-arrow hat. Also habe ich die offizielle Website von flaticon besucht, aber keine Möglichkeit gefunden, den Code für den Pfeil nach links zu bekommen. Kann mir jemand helfen
flaticon.css
?

Code: Select all

@font-face {
font-family: "Flaticon";
src: url("./Flaticon.eot");
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
url("./Flaticon.woff2") format("woff2"),
url("./Flaticon.woff") format("woff"),
url("./Flaticon.ttf") format("truetype"),
url("./Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url("./Flaticon.svg#Flaticon") format("svg");
}
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-sunny-day-or-sun-weather:before { content: "\f100"; }
.flaticon-phone-with-wire:before { content: "\f101"; }
...

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post