Schriftarten

Unter diesen Menüpunkt können Sie Schriften erstellen.  
Unten sehen Sie eine Liste von angelegten Schriften.


Um eine neue Schrift anzulegen, müssen Sie oben auf Einträge hinzufügen klicken

CSS-Name: Geben Sie hier den Schriftennamen ohne Leerzeichen ein

Schriftenname: Geben Sie hier den Schriftennamen ein 

Aktiv: Aktivieren der Schrift

Sortierung: Sortierreihenfolge


Styles:





Wichtig: 
Alle Schriften *.woff, *.eot, *.ttf müssen Sie in den Ordner  engine/Shopware/Plugins/Community/Frontend/Pixelcanvasdesigner/Views/frontend/plugins/canvasdesigner/_resources/gfonts/ kopieren



Fügen Sie hier dann die Url zu der TTF Datei hinzu:



#url# = dies ist ein Kürzel wird dann durch Ihre Domain ersetzt

z.B. #url#/engine/Shopware/Plugins/Community/Frontend/Pixelcanvasdesigner/Views/frontend/plugins/canvasdesigner/_resources/gfonts/oswald-v10-latin-regular-webfont.ttf




Codeansicht:



Für das Generieren und deren Nutzung der Schriften, muss hierbei ein CSS Code eingefügt werden.



Unter 



https://www.fontsquirrel.com/tools/webfont-generator

http://www.font2web.com/

https://google-webfonts-helper.herokuapp.com/fonts



finden Sie geeignete CSS Generatoren, um Ihre Schriften als CSS zu generieren. Achten Sie hierbei dass Sie dann die Verlinkung zu den Schriften anpassen.



Beispiel:





@font-face {
font-family: 'Oswald';
src: url('#url#engine/Shopware/Plugins/Community/Frontend/Pixelcanvasdesigner/Views/frontend/plugins/canvasdesigner/_resources/gfonts/oswald-v10-latin-regular-webfont.eot');
src: url('#url#engine/Shopware/Plugins/Community/Frontend/Pixelcanvasdesigner/Views/frontend/plugins/canvasdesigner/_resources/gfonts/oswald-v10-latin-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('#url#engine/Shopware/Plugins/Community/Frontend/Pixelcanvasdesigner/Views/frontend/plugins/canvasdesigner/_resources/gfonts/oswald-v10-latin-regular-webfont.woff2') format('woff2'),
url('#url#engine/Shopware/Plugins/Community/Frontend/Pixelcanvasdesigner/Views/frontend/plugins/canvasdesigner/_resources/gfonts/oswald-v10-latin-regular-webfont.woff') format('woff'),
url('#url#engine/Shopware/Plugins/Community/Frontend/Pixelcanvasdesigner/Views/frontend/plugins/canvasdesigner/_resources/gfonts/oswald-v10-latin-regular-webfont.ttf') format('truetype'),
url('#url#frontend/plugins/canvasdesigner/_resources/gfonts/oswald-v10-latin-regular-webfont.svg#oswaldregular') format('svg');
font-weight: normal;
font-style: normal;
}

Dies ist erforderlich damit die Schriften im Designer geladen, benutzt und auch angezeigt werden


Wichtig:

Wir möchten Sie darauf hinweisen, dass Sie nur Schriften nutzen sollten, für die Sie eine Berechtigung haben diese online zur nutzen, da Schriften generell urheberrechtlich geschützt sind.
Bei sehr vielen Schriften Anbietern ist das Einbinden Ihrer Schriften als Webfonts untersagt. Wir empfehlen hierbei sich Rat bei Ihren Rechtsbeistand zu holen und bei den jeweiligen Anbieter von dem Sie die Schrift nutzen möchten anzufragen ob Sie dies dürfen. Auch können wir nicht gewährleisten dass alle Schriften mit unserem Designer einwandfrei funktionieren können.

Genauso verhält es sich auch mit den Motiven die Sie in unserem Designer nutzen möchten.