Fonts

Fonts können durch selbst erweiterbare Font-Generatoren erzeugt werden. Sie werden dann pro Generierung in einem eigenem Unterverzeichnis von "c/_font/<Name>" gespeichert, wobei hier <Name> für den individuellen, eindeutigen Namen der Generierung steht, den Sie selbst vergeben. Die Nutzung des Fonts erfolgt dann am Anfang Ihrer CSS-Datei durch den Import des Font-Stils:

@import url(_font/<Name>/f.css);

Hierbei wird angenommen, dass sich Ihr CSS-Script wie üblich im Medienverzeichnis c/ befindet.

Importieren von Google-Fonts

Wie in der Einführung erwähnt, kann der Import als eine spezielle, einfach Art der Generierung angesehen werden. Das CMS ist mit einem Google-Font-Import in Form eines Font-Generators ausgestattet (seit 2018-06-12). Sie erzeugen zum Import unter 'Webseiteneditor / Dateien / Fonts' eine neue Font-Generierung und geben ihr einen eindeutigen Namen (in unserem Beispiel "m"). Nun erzeugen Sie die eigentliche Font-Definition, die angibt, wie der Font generiert werden soll. Hier wählen Sie "Import Google-Fonts". Dieses Objekt hat ein Feld, in das Sie die Importanweisungen hineinkopieren, zB.:

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400);
@import url(http://fonts.googleapis.com/css?family=Mein+Font:700);

Auf der obersten Ebene des Generators (wo der Name bestimmt wird), wird Ihnen ein Knopf "Generieren" angeboten. Wenn alle Voraussetzungen erfüllt werden, so wird die Generierung mit einer positiven Meldung quittiert. Dann können Sie den lokal kopierten Font künftig in Ihrer CSS-Datei folgendermaßen einbinden:

@import url(_font/m/f.css);

Die Startdatei heißt immer "f.css", "m" im Pfad ist der eindeutige Name Ihres Fonts. Es spricht natürlich nichts dagegen auch mehrere so generierte Fonts einzubinden. Achten Sie aber darauf, dass viele oder große Fonts die Ladezeit verlängern.