Schriftarten

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:

Quelltext CSS
           /* 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 hat RP erneut weitere Zeichen hinzugefügt, so daß es jetzt sogar 51 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ü.

RP hat hierfür Anpassungscode erstellt:

Quelltext CSS
                        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:"\e80b";
                        }
                        nav#chefa ul li[data-col]:nth-child(4) > a:before,
                        nav#chefa ul li[data-col]:nth-child(4) > b:before        {
                                   content:"\f064";
                        }
                        nav#chefa ul li[data-col]:nth-child(5) > a:before,
                        nav#chefa ul li[data-col]:nth-child(5) > b:before        {
                                   content:"\e815";
                        }
                        nav#chefa ul li[data-col]:last-child > a:before,
                        nav#chefa ul li[data-col]:last-child > b:before        {
                                   content:"\f07b";
                        }

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.