Google Fonts


Schrift-Typ

Hier können Sie einstellen, auf welche Weise, Sie eine Schriftart einbinden wollen. Zur Auswahl stehen "Google Fonts" und "Fontface".

Google Fonts ermöglicht es eine bei https://fonts.google.com/ bereitgestellte Schrift zu nutzen, ohne diese lokal auf dem Server abzulegen.

Wählt man die Option Fontface, so muss die Schrift dezidiert dafür abgelegt sein.


Name

Bei Name tragen Sie den Namen der Schrift ein, z.B. Roboto. Der Name wird später auch in den Dropdown Menüs zur Auswahl der Schrift angezeigt und dient so zur besseren Orientierung.


URL der Google Font

Haben Sie eine Schrift Ihrer Wahl bei Google Fonts gefunden, können Sie diese mit einem einfachen Klick auf das Plus neben dem Schriftnamen, die Schrift einer Art Sammlung hinzufügen. Es erscheint unten ein Balken, welcher Ihre Schrift beinhaltet. Klicken Sie den Balken an um mehr Möglichkeiten zu finden.

Sie sehen nun im ersten grauen Kasten einen <link> tag. In diesem finden Sie einen Link, welcher mit "http" anfängt und dem Namen der Schrift endet. Diesen kopieren Sie und fügen Ihn in TYPO3 bei URL der Google Font hinzu.

Über customize bei Google Font, haben Sie die Möglichkeit weitere Schriftstile hinzuzufügen, indem Sie diese einfach anklicken. Wechseln Sie zurück zu embed sehen Sie, dass sich die URL geändert hat. 

Fügen Sie diese wie zuvor beschrieben ein, stehen Ihnen diese Schriftstile zur verfügung.


CSS font-family Einstellung

In diesem Bereich müssen Sie den CSS Part hinzufügen. Diesen finden Sie bei Google Fonts im schwarzen Balken unter Specify in CSS. Hier genügt es nur den Schirftnamen und die Serifenwahl zu kopieren. Achten Sie darauf die Apostrophe mit zu kopieren.