Plugin Dokumentation „Schriften einfügen Premium - SW6“

1. Plugin / Verkaufskanal aktivieren

Aktivieren Sie Ihren Verkaufskanalim Plugin. Möchten Sie das Plugin in einen weiteren Verkaufskanalnutzen können Sie über die Plugin Card„Verkaufskanal“perAuswahlmenüihre angelegten Verkaufskanäle mit HTML Storefrontauswählen.

2. externe Google Schriften einfügen

Um externe Google Schriften einzubinden besuchen Sie die Google Fonts Webseite https://fonts.google.com und suchen sich Ihre Schrift aus. Wir haben uns für den Schrifttyp "Spartan" entschieden.

Hier benötigen wir fürs Plugin den Schriften Namen. In unserem Beispiel ist es "Spartan".

Den Namen tragen wir in das Eingabefeld des Plugin ein. Weitere Google Schriften werden durch ein Simikolon getrennt. Wenn die ausgewählte Schriftart weitere Style anbietet können Sie diese wie folgt in das Plugin eingfügen 

(Schriftart:Style,Style,Style usw.):

Spartan:100,200,300,400,500,600,700,800,900

Bei weiteren Schriften (Schriftart Spartan und Schriftart Simonetta) würde das in unserem Beispiel so aussehen:

Spartan:100,200,300,400,500,600,700,800,900;Simonetta

Beachten Sie hier das weitere Schriften mit einem Simikolon getrennt eingegeben werden müssen.

Bei einigen Schriftarten gibt es im Schriftarten Namen Leerzeichen.Diese Leerzeichen müssen dann per Pluszeichen ersetzt werden.Beispiel -SchriftartName:Baloo Da 2Baloo+Da+2:400,500,600,700,800;

3. externe eigene Schriften, Animationen und Icons einbinden

In diesem weiteren Eingabefeld ist es Ihnen möglich von weiteren Anbietern die externe Einbindung von Schriftarten, Icons oder Animationen per URL einzubinden. Die aufgeführten Beispiele sollen Ihnen dabei helfen was bei der Eingabe mehrerer URLs zu beachten ist.

Font Awesome Icons werden via CDN wie folgt eingebunden:
(Version 5.12.1 war hier zum Zeitpunkt der Dokumentationserstellung die aktuellste erhältliche Version ggf. tauschen Sie die Versionsnummer im Code gegen die aktuelle Versionsnummer aus)

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css;

Animationen werden via CDN wie folgt eingebunden:

https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css;

Bitte achten Sie dnach jedem einbinden die weitere URL mit einem Simikolon trennen.

Hier ein Beispiel für 3 verschiedene URLs:

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css;

https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css;

//cdn.onlinewebfonts.com/svg_info/l/73455a/4034/icon.css;