Tim Pietrusky hat so ne Art "Google Web Fonts" für Icon-Fonts gebastelt, was alleine natürlich schon einen Blog-Post wert wäre… er hat aber außerdem noch die OpenWeb-Icons eingebaut, was definitiv einen Blog-Post wert ist 😉
Dank Tims "We Love Icon Fonts" lassen sich die Fonts mit folgenden paar Zeilen CSS-Code einbauen:
@import url(http://weloveiconfonts.com/api/?family=openwebicons);
/* openwebicons */
[class*="openwebicons-"]:before {
font-family: 'OpenWeb Icons', sans-serif;
}Code-Sprache: CSS (css)Das Projekt ist übrigens Open Source und Tim würde sich sicherlich über jede Hilfe freuen!
Hey Matthias,
danke für deinen netten Beitrag und die coole Schrift!
Gruß
Tim
gerne gerne 🙂
Ich bau‘ übrigens gerade das ganze CSS auf SASS um… damit lässt sich dann auch viel einfacher ein CSS-File für „We Love Icon Fonts“ mit einer alternativen Prefix (
openwebicons-statticon-) raus rendern: https://github.com/pfefferle/openwebicons/blob/master/css/weloveiconfonts.cssSuper geil 😀 Wenn jetzt noch die -colored raus wären sowie class + content in einer Zeile, dann wär es mega ideal für die Integration 😀
An dem
-coloredbin ich dran… Kann man die Formatierung über SASS regeln?Du solltest beim compilieren der SASS auf jeden fall :compact als modus angeben. Dann ist jeder Style in einer eigenen Zeile. Für das andere Problem finde ich gerade auch keine Lösung 🙁
Ok, das mit den
-colored-Icons ist fertig! Kann man das:compactauch irgendwie im file angeben? So dasssass --watch sass/:css/jedes File individuell verarbeitet?Ich möchte noch erwähnen, dass jeder, der das Projekt unterstützen möchte, seinen Senf hier http://www.df.eu/blog/2012/12/11/open-source-projekt-fur-lebenslanges-gratis-hosting-gesucht/#comments dazugeben kann! Es geht um Hosting-Sponsoring für ein Open-Source Projekt durch df.eu.