# Schriften

<figure><img src="https://dev1.pixeleyes.de/media/22/35/fa/1635934877/artikeldesigner-fonts-list.png" alt=""><figcaption></figcaption></figure>

### Schriften Liste

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 Erstellen klicken

<figure><img src="https://dev1.pixeleyes.de/media/b9/04/83/1635934903/artikeldesigner-fonts-detail1.png" alt=""><figcaption></figcaption></figure>

### Schriften Detailseite

**Schriftenname:**&#x20;

Geben Sie hier den Schriftennamen ein  

**Beschreibung:** Intern / Optional

**Min. und Max Schriftgrad:**&#x20;

Geben Sie den Mindest und Maximal Schriftgrad in Pixel an.

**Position:**&#x20;

Sortierreihenfolge 

<figure><img src="https://dev1.pixeleyes.de/media/a2/35/07/1635934913/artikeldesigner-fonts-detail2.png" alt=""><figcaption></figcaption></figure>

**Aktiv:**&#x20;

Aktivieren der Schrift \
**Normal:**&#x20;

Normales Aussehen aktivieren\
**Kursiv:**&#x20;

Kursiv aktivieren sofern in der Schrift möglich\
**Fett:**&#x20;

Kursiv aktivieren sofern in der Schrift möglich\ <br>

{% hint style="info" %}
Zur Info:\
Sofern Sie Kursiv und Fett einstellen, empfehlen wir hierbei die Schrift in drei Variationen zu erstellen, z.B. Schrift Normal, Schrift Fett, Schrift Kursiv, da im Web ein text mit einer Schrift kursiv oder Fett dargestellt wird, beim exportieren aber der text dann gegebenfalls normal angezeigt werden könnte.
{% endhint %}

<figure><img src="https://dev1.pixeleyes.de/media/86/46/67/1635934924/artikeldesigner-fonts-detail3.png" alt=""><figcaption></figcaption></figure>

### CSS-Name <br>

Geben Sie hier den Schriftennamen ohne Leerzeichen ein 

\
Die Schriften (\*.woff, \*.eot, \*.ttf) müssen in das Verzeichnis /public/fonts/ kopiert werden. Achten Sie auf die Lizenzbestimmungen des jeweiligen Schrifteninhabers! Gegebenenfalls werden nicht alle Schriften unterstützt\
\
Unter  <https://www.fontsquirrel.com/tools/webfont-generator>  und  <http://www.font2web.com/>  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:    &#x20;

{% code overflow="wrap" lineNumbers="true" %}

```css
/
@font-face {  

font-family: 'Play';  
font-style: normal;  
font-weight: 400;  
src: url('#url#fonts/play-v7-latin_latin-ext_greek_cyrillic-ext_cyrillic-regular.eot');   src: local('Play'), local('Play-Regular'),       
url('#url#gfonts/play-v7-latin_latin-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'),        
url('#url#fonts/play-v7-latin_latin-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'),        
url('#url#fonts/play-v7-latin_latin-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'),        
url('#url#fonts/Play-Regular.ttf') format('truetype'),        url('#url#fonts/play-v7-latin_latin-ext_greek_cyrillic-ext_cyrillic-regular.svg#Play') format('svg'); 

}


```

{% endcode %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.pixeleyes.de/anleitungen-instructions/deutsch/dokumentation-unserer-shopware-6-plugins/artikeldesigner-fur-shopware-6/pluginmenu/schriften.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
