# Schriftart Einbinden für Dropdown im Editor - Hilfe!

**URL:** <https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663>\
**Category:** Programmierung\
**Created:** [5. April 2021 um 13:09 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663 "2021-04-05T13:09:38Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![fitness-addiction](https://avatars.discourse-cdn.com/v4/letter/f/ea5d25/32.png) [@fitness-addiction](https://forum.shopware.com/u/fitness-addiction)\
**Post date:** [5. April 2021 um 13:09 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/1 "2021-04-05T13:09:38Z")

</div>

Hallo Ihr lieben,  
erst einmal Frohe Ostern Euch allen.

Aber jetzt geht’s um die Arbeit 😉

Ich möchte gerne eine Schriftart so Implementieren, das diese in dem Texteditor im Dropdown Menü aus wählbar ist.

Es geht um die Schriftart:

- Play-Regular.ttf
- Play-Bold.ttf

Die Dateien sind sowohl über Google-Font, als auch Lokal als Dateien vorhanden.  
Leider hat meine Suche kaum was Brauchbares ergeben, daher meine Frage.

\*\* Welche Dateien muss ich erweitern?\*\*  
\*\* Wo muss ich die Dateien ggf. Hinterlegen?\*\*

---

<div class="post-metadata">

**Author:** ![fitness-addiction](https://avatars.discourse-cdn.com/v4/letter/f/ea5d25/32.png) [@fitness-addiction](https://forum.shopware.com/u/fitness-addiction)\
**Post date:** [7. April 2021 um 11:18 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/2 "2021-04-07T11:18:18Z")

</div>

Ich Pushe das Thema einmal hoch, ist sehr dringend.  
Da Shopware kein Support für die Community anbietet.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [7. April 2021 um 11:44 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/3 "2021-04-07T11:44:12Z")

</div>

> [@fitness-addiction](#):
>
> Da Shopware kein Support für die Community anbietet.

Dafür gibt es ja auch die PE Version 🙂  
Wobei Shopware bei solchen Fragen generell kein Support macht (hat ja nix mit dem Shop selbst zu tun).

Auch was bezieht sich eigentlich deine Frage: Backend oder Frontend?

---

<div class="post-metadata">

**Author:** ![fitness-addiction](https://avatars.discourse-cdn.com/v4/letter/f/ea5d25/32.png) [@fitness-addiction](https://forum.shopware.com/u/fitness-addiction)\
**Post date:** [7. April 2021 um 16:12 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/4 "2021-04-07T16:12:12Z")

</div>

Hallo @R4M,  
also vor weg. Danke für Deine Antwort.

Also kein Mensch würde für so eine Banale Frage Tausende EURO hinblättern um das zu erfahren, Kundenservice steht bei SW wohl nicht so hoch im Kurs. Wenn wenigstens die Dokus passen würden, aber auch die sind ehr Grobgehalten und überaltert und damit defacto Nutzlos. Das Forum, naja ist zwar eine gute Anlaufstelle, aber hier bekommt man kaum klare Aussagen.

Da ist die Konkurrenz deutlich besser aufgestellt, hier sollte SW noch mal genau nacharbeiten. Entweder den Support etwas erweitern, oder die Dokus mal richtig erstellen.

**Aber zu Deine Frage:**  
Im Texteditor im Backend, kann man neben der Vorlagen (H1-H6) auch die Schriftart und Größe auswählen. Die dann wiederum im Frontend ausgegeben wird, aktuell ist im Backend folgende Schriften Auswählbar:

 ![SW-Schrift](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/6/6061570dbd60ec5fe719a0b990e7c93bdf0f93db.png)

Dass soll eben erweitert werden, oder eben Global via Less das alle Überschriften (H1-H6) als Play-Bold und der normal Text nur Play ausgegeben wird.

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [8. April 2021 um 06:15 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/5 "2021-04-08T06:15:54Z")

</div>

Ah also Backend. Sorry da kann ich leider nicht nicht weiter helfen. Habe mich damit noch gar nicht befasst. Aber vielleicht hat ja ein anderer User eine Idee.

---

<div class="post-metadata">

**Author:** ![SCOOPEX](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/scoopex/32/18328_2.png) [@SCOOPEX](https://forum.shopware.com/u/SCOOPEX)\
**Post date:** [8. April 2021 um 07:27 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/6 "2021-04-08T07:27:30Z")

</div>

Hallo,

Shopware verwendet als Editor TinyMCE - diesen müsstest Du ggfs. dann selbst erweitern:

> **[Add a custom font family in TinyMCE](https://www.tiny.cloud/blog/tinymce-custom-font-family/)**
>
> Add a custom font family to TinyMCE for your users to choose from. In this article, we’ll discuss how to add the font as an option, plus how to set it as the default font if required.

Ob dies möglich ist in der älteren TinyMCE Version, die Shopware 5 verwendet, kann ich Dir leider nicht sagen.

Viele Grüße

---

<div class="post-metadata">

**Author:** ![fitness-addiction](https://avatars.discourse-cdn.com/v4/letter/f/ea5d25/32.png) [@fitness-addiction](https://forum.shopware.com/u/fitness-addiction)\
**Post date:** [8. April 2021 um 09:57 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/7 "2021-04-08T09:57:46Z")

</div>

Hallo @SCOOPEX,  
das Shopware TinyMCE verwendet war mir bekannt.  
Das man hier diesen erweitern muss, das ist neu und danke für den Tipp.

Ich habe mir den Ordner angesehen bzw. heruntergeladen ( **engine** / **Library** / **TinyMce** ) und mal angesehen, leider konnte ich hier nichts finden. Du hast nicht zufällig auch den Tipp wie die Datei heißt oder?

---

<div class="post-metadata">

**Author:** ![SCOOPEX](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/scoopex/32/18328_2.png) [@SCOOPEX](https://forum.shopware.com/u/SCOOPEX)\
**Post date:** [8. April 2021 um 10:10 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/8 "2021-04-08T10:10:19Z")

</div>

Hallo,

nein leider nicht - das Thema kam hier soweit mir bekannt noch nicht auf und habe mich selbst auch noch nicht damit beschäftigt bzw. auch keinen Bedarf.

Sorry

Viele Grüße

---

<div class="post-metadata">

**Author:** ![MrAle](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MrAle](https://forum.shopware.com/u/MrAle)\
**Post date:** [10. April 2021 um 09:29 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/9 "2021-04-10T09:29:13Z")

</div>

Hi,

ich hab mal über das ganze geschaut. Leider hab ich noch keine Endlösung, aber zumindest schonmal einen Ansatz.

Wenn der Advanced Editor verwendet wird -  
In den Datein:  
/engine/Library/TinyMce/themes/advanced/editor\_template.js  
/engine/Library/TinyMce/themes/advanced/editor\_template\_src.js

Gibt es jeweils den Punkt „theme\_advanced\_fonts“.  
Hier kannst du Fonts anlegen, welche dann auch im Backend angezeigt werden und das dementsprechende Attribut setzen. (Oswald=oswald). Dann wird ‚oswald‘ als Font-Family gesetzt und im Editor heißt die Font dann Oswald.  
Klein Großschreibung ist hier wichtig.

Ist die Font im Frontend verfügbar, wird diese dann auch angezeigt.  
Leider habe ich es noch nicht geschafft, dass diese Schriftart auch im Backend sauber gerendert wird.  
Anscheinend kann man hier über die content.css vom Editor noch font-faces nachladen, dass ist mir jedoch noch nicht gelungen.

Vielleicht hilft dir das ja weiter. Hier noch der Link zu StackOverflow.

> <https://stackoverflow.com/questions/15499198/how-to-add-a-new-font-in-tinymce-editor>

Grüße Alex

---

<div class="post-metadata">

**Author:** ![fitness-addiction](https://avatars.discourse-cdn.com/v4/letter/f/ea5d25/32.png) [@fitness-addiction](https://forum.shopware.com/u/fitness-addiction)\
**Post date:** [10. April 2021 um 12:58 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/10 "2021-04-10T12:58:25Z")

</div>

Hallo Alex (@MrAle ),  
vielen Dank für den Hinweis. Ich werde mir diesen mal übers wochenende anschauen 🙂

---

<div class="post-metadata">

**Author:** ![MrAle](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MrAle](https://forum.shopware.com/u/MrAle)\
**Post date:** [11. April 2021 um 08:32 UTC](https://forum.shopware.com/t/schriftart-einbinden-fuer-dropdown-im-editor-hilfe/86663/11 "2021-04-11T08:32:00Z")

</div>

Okei, nun auch noch die Lösung fürs Backend.

Unter /themes/Backend/ExtJs/backend/index/header.tpl  
habe ich im Block:  
{block name=„backend/base/header/css“ append}

die Font importiert. Dadurch wirds dann auch im Backend sichtbar.

 ![Screenshot 2021-04-11 103231](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/a/ae60610c7e7558deaaa4e37b68e6547e8f1c67f3.png)  
Am Beispiel zu sehen mit Oswald und Indie Flower  
Ist aber natürlich alles nicht Update sicher, dass muss man sich klar machen.  
Falls es noch fragen gibt, gerne melden.

Gruß Alex
