Business Agency Portal

Schriftarten

Sie können alle vorhandenen Google Schriften und natürlich eigene Schriftarten für Ihr Template verwenden.
Das B01 Template erlaubt Google Schriften direkt vom Google Server einzubinden. In Ländern wie Deutschland ist das jedoch nicht datenschutzkonform, da die IP des Besuchers Ihrer Seite an Google weitergeleitet wird und Sie dazu eine Einwilligung der Besucher Ihrer Seite eine einholen müssen.

Um das zu vermeiden, können Sie die Schriftarten lokal von Ihrem Server aus laden.

Optionen

Lokale Schriftarten

Sie können die verwendeten Schriftarten direkt vom Google Server laden oder die Schriftarten DSGVO-konform lokal ablegen und von dort verwenden.

Überschriften Schriftart

Die Schriftart bei allen Überschriften und Menüs

Überschriften Farbe

Die Farbe bei allen Überschriften und Menüs

Überschriften Schriftgröße

Die relative Schriftgröße bei allen Überschriften und Menüs

Überschriften Stil

Mögliche Variationen der Schriftart

Fließtext Schriftart

Die Schriftart für normalen Fließtext

Fließtext Schriftgröße

Die relative Schriftgröße für normalen Fließtext

Fließtext Stil

Mögliche Variationen der Schriftart

Einbinden lokaler Schriftarten (DSGVO-konform)

Um die Schriftarten lokal einzubinden, sind folgende Schritte nötig:

Google Webfonts Helper

  1. Gehen Sie auf die Seite des Google Webfonts Helper
  2. Suchen Sie nach der Schriftart, welche Sie herunterladen wollen.
  3. Wählen Sie alle Variationen, welche Sie verwenden möchten.
  4. Geben Sie das Verzeichnis ../less/fonts/ ein.
  5. Kopieren Sie das CSS
  6. Laden Sie die Schriftart herunter.

Google Webfonts Helper

Einbinden in das B01 Template

  1. Die heruntergeladene Schriftartdatei, wie z.B: audiowide-v16-latin-regular.woff2 legen Sie in folgendes Verzeichnis ab: /templates/b01/less/fonts
  2. Das kopierte CSS legen Sie in eine Datei namens fonts.less und legen diese ebenfalls hier ab: /templates/b01/less/fonts

Fertig

Wenn Sie nun das Template aufrufen, wird die Schriftart direkt von Ihrem Server geladen.
Den gleichen Vorgang können Sie natürlich für weitere Schriften wiederholen.

Könnte Sie auch interessieren

Letzte Aktualisierungen