Google Fonts in Warp7

Autor: Christian Hamberger, Kategorie: Warp 7, uikit, Widgetkit, Erstellt am: 16.10.2015, Bearbeitet: 22.11.2015, Aufrufe: 2822

Google Fonts ist eine reichhaltige Bibliothek an Schriften. Aktuell sind 707 Schriftarten verzeichnet (Stand 16.10.15). Der große Vorteil: Die angebotenen Typografien stehen als Open Source zur Verfügung und können für jegliche Zwecke, auch Druck, kostenlos verwendet werden.

In Warp7 gibt es verschiedene Möglichkeiten zusätzliche Google Fonts zu laden, damit man sie via CSS-Befehl ansprechen kann.

Quick & Dirty Lösung

Diese Lösung funktioniert, ist jedoch nicht der Königsweg, da man das Feld Additional Scripts nutzt. 

  1. Gehe in die Template-Einstellungen:
        Erweiterungen > Template > Stile > Dein Template   >>>   Additional Scripts
  2. Füge dort die gewünschte Google Font hinzu. Hier bei Beispiel Markup:
       <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  3. Nun kannst du via Custom-CSS, Inline-CSS oder LESS die Schrirftart wie gewohnt zuweisen. Beispiel:
       .logoschrift { font-family: 'Pacifico', cursive; }

 

Quellen:

About Google Fonts

Quick & Dirty, Frage 58677, Yootheme Forum

Christian Hamberger
22.11.2015
Warp 7, uikit, Widgetkit
16.10.2015
2822
Hinweis

Die Umsetzung der hier gemachten Lösungen und Vorschläge geschehen immer auf eigener Gefahr.