Flaticon
Seit September 2014 verwenden wir eine ICON-Schriftart für Symbole für unterschiedliche Dateien. Die Information dazu lautet:
Font generated by flaticon.com
under CC BY. The authors are: Freepik.
Außerdem nutzen wir folgende CSS-Formate, um Symbole am Ende des Links auf eine spezifische Datei anzuzeigen:
/* Symbole für verschiedene Dateiformate */
#enhavo a:after {
font-family: Flaticon;
font-size:1.375em;
margin-left:10px;
display:inline-block;
}
/* in einer Liste */
#enhavo ul a:after {
margin-left:20px;
}
#enhavo a[href$=".pdf"]:link:after,
#enhavo a[href$=".pdf"]:visited:after {
content:"\f178";
color:red;
}
#enhavo a[href$=".doc"]:link:after,
#enhavo a[href$=".doc"]:visited:after {
content:"\f12d";
color:blue;
}
#enhavo a[href$="rss_novajhoj.xml"]:link:after,
#enhavo a[href$="rss_novajhoj.xml"]:visited:after {
content:"\f18a";
color:#DFAC20;
}
#enhavo a[href$=".js"]:link:after,
#enhavo a[href$=".js"]:visited:after {
content:"\f14e";
color:#cc9;
}
#enhavo a[href$=".zip"]:link:after,
#enhavo a[href$=".zip"]:visited:after {
content:"\f1af";
color:#ff4500;
}
#enhavo a[href$=".css"]:link:after,
#enhavo a[href$=".css"]:visited:after {
content:"\f120";
color:#ff4500;
}
Droid-Sans
Am 16. Oktober 2014 hat RP die Schriftart "Droid-Sans" für Überschriften eingebunden. Die Schriftart unterliegt der Apache Lizenz.
Fontello
Seit dem 23. Juli 2016 verwenden wir eine Schriftart, die aus Schriftarten von Fontello erstellt wurde und seit dem 11. März 2018 40 Zeichen umfaßte, aber seit dem 9. Juni 2018 sogar 47 Zeichen umfaßte. Am 8. Juli 2018 hatte RP erneut weitere Zeichen hinzugefügt, so daß es 51 Zeichen waren. Am 9. April 2026 hat RP weitere Zeichen hinzugefügt, so daß es jetzt sogar 64 Zeichen sind. Sie können angezeigt werden mittels des class-Attributs, welches mit icon- anfängt. Detaills über die Lizenz können auf dieser Seite gelesen werden.
Seit dem 11. September 2016 werden andere CSS-Dateien verwendet, so daß die Schriftarten von Flaticon und Fontello endlich sogar mit einem Webkit-Browser unter Android funktionieren.
Hier die Demo dafür:
Symbole im Hauptmenü
Seit dem 8. Juli 2018 nutzen wir Symbole aus einer Symbolschriftart in unserem Hauptmenü. Wegen Ergänzung weiterer Zeichen am 9. April 2026 mußte RP den Code für einige Symbole korrigieren.
RP hat hierfür Anpassungscode erstellt:
nav#chefa > ul > li > a:before,
nav#chefa > ul > li > b:before {
font-family:"fontello";
font-size:.7em;
padding-right: 5px;
vertical-align:middle;
}
nav#chefa ul li[data-col]:first-child > a:before,
nav#chefa ul li[data-col]:first-child > b:before {
content:"\e808";
}
nav#chefa > ul > li:nth-child(2) > a:before,
nav#chefa > ul > li:nth-child(2) > b:before {
content:"\e807";
}
nav#chefa ul li[data-col]:nth-child(3) > a:before,
nav#chefa ul li[data-col]:nth-child(3) > b:before {
content:"\e810";
}
nav#chefa ul li[data-col]:nth-child(4) > a:before,
nav#chefa ul li[data-col]:nth-child(4) > b:before {
content:"\e814";
}
nav#chefa ul li[data-col]:nth-child(5) > a:before,
nav#chefa ul li[data-col]:nth-child(5) > b:before {
content:"\e81e";
}
nav#chefa ul li[data-col]:last-child > a:before,
nav#chefa ul li[data-col]:last-child > b:before,
nav#chefa > ul > li:last-child > a:before,
nav#chefa > ul > li:last-child > b:before {
content:"\f08e";
}
Unsere Markierungen der Listeneinträge
Seit dem 24. Februar 2026 nutzen wir sogar solch ein Zeichen um die Listeneinträge zu markieren. Wegen Ergänzung weiterer Zeichen am 9. April 2026 mußte RP den Code für die Sterne korrigieren.
ul li {
display:list-item;
/*list-style-image:url(../bildoj/pilketo_verda_12x12.gif);*/
list-style-type:"\e811\00A0";
margin-right:10px;
}
ul li::marker {
color: green;
font-family:"fontello";
}
ul ul li {
display:list-item;
/*list-style-image:url(../bildoj/pilketo_siringokolora_12x12.gif);*/
list-style-type:"\e811\00A0";
}
ul ul li::marker {
color: #F623F6;
font-family:"fontello";
}
ul ul ul li {
display:list-item;
/*list-style-image:url(../bildoj/pilketo_rugha_12x12.gif);*/
list-style-type:"\e811\00A0";
}
ul ul ul li::marker {
color: #7744AA;
font-family:"fontello";
}
Icon Font for jQuery UI
Seit dem 27. Juni 2016 nutzen wird ein Zeichen aus der Schriftart Icon Font for jQuery UI. Mit einer selbst erstellten zusätzlichen Datei funktioniert es sogar im alten Internet-Explorer 7.
Seit dem 12. Juni 2018 nutzen wir ein zweites Zeichen aus der Schriftart Icon Font for jQuery UI, und zwar für den selbst erstellten Audio-Abspieler.