# \#1 | Wie binde ich Lokal Schriften ein?

**URL:** https://forum.shopware.com/t/1-wie-binde-ich-lokal-schriften-ein/60120
**Category:** Programmierung
**Created:** [24. Juni 2019 um 01:45 UTC](https://forum.shopware.com/t/1-wie-binde-ich-lokal-schriften-ein/60120 "2019-06-24T01:45:23Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![SinaHagen](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@SinaHagen](https://forum.shopware.com/u/SinaHagen)
#### Post date: [24. Juni 2019 um 01:45 UTC](https://forum.shopware.com/t/1-wie-binde-ich-lokal-schriften-ein/60120/1 "2019-06-24T01:45:23Z")

</div>

**Hallo liebe community** ,

_ich bin Sina und 21 Jahre alt_. Ich beschäftige mich erst seit heute mit Shopware und soweit komme ich klar, jedoch habe ich drei Punkte an dem ich auf Euer Fachwissen angewiesen bin.

Da es sich um drei unterschiedliche Themen handelt, bitte ich um Verständnis das ich hier drei Themen aufmache. Um eine Lösung für die nächsten nicht zu verfälschen.

Thema #1 – Wie binde ich Schriften in Shopware richtig ein?

Also, ich möchte gerne zwei Schriften so einbinden das diese ebenfalls im Auswahlmenü bereit stehen wie in dem Beispiel (Standard).

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/1/11f41e256a1b720b265de5656065191b2ec90e82.png)

**Hinweis** : Lokal (Hochladen) und nicht über Google Fonts laden, die Dateien der Schriften habe ich.

&nbsp;

Lieben Gruß Eure Sina

---

<div class="post-metadata">

### Author: ![Patrick\_Stahl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/patrick_stahl/32/7679_2.png) [@Patrick\_Stahl](https://forum.shopware.com/u/Patrick_Stahl)
#### Post date: [24. Juni 2019 um 13:31 UTC](https://forum.shopware.com/t/1-wie-binde-ich-lokal-schriften-ein/60120/2 "2019-06-24T13:31:07Z")

</div>

Moin @SinaHagen‍,

da hast du dir aber ein paar ordentliche Aufgaben vorgenommen, zum Einstieg sicherlich ein bisschen zuviel.

Zunächst einmal handelt es sich bei dem von dir genannten Ausschnitt um ein Dropdown, das so nur in unserem Premium Plugin „Digital Publishing“ vorkommt.  
Die dort hinterlegten Daten sind&nbsp; **statisch** &nbsp;im Code hinterlegt. Dazu suchst du am Besten mal in dem Plugin nach der Datei&nbsp;_Resources/views/backend/swag\_digital\_publishing/view/editor/fields/text\_font\_select\_field.js_.

Diese beinhaltet eine Methode&nbsp;_createFontStore_, welche du überschreiben müsstest über ein eigenes Plugin.  
Wie das geht? Das ist nicht in zwei Worten zusammengefasst. [Hier](https://developers.shopware.com/developers-guide/backend-extension/#example-#1:-simple-extension) findest du ein paar Beispiele, wie man das ExtJS Backend erweitert.  
Das ist aber ein echt hartes Unterfangen, wenn man ganz neu ist und gänzlich ohne Programmierer-Erfahrung.

Anschließend musst du nur noch über dein eigenes Theme dafür Sorge tragen, dass die hinterlegte Schriftart&nbsp;mit diesem Namen auch auf deinem&nbsp;Server verfügbar ist.

Ich möchte jedoch ehrlich sein:  
Ohne Programmier-Kenntnisse wirst du da leider sehr schnell an deine Grenzen stoßen. Dafür, dass du neu bist, hast du dir direkt ein Thema ausgesucht, das einen harten Einstieg mit sich bringt: Anpassungen an ExtJs.  
Wenn du das Ganze ernst meinst, würde ich dir also **stark** empfehlen, dich erstmal hier [durchzuarbeiten](https://developers.shopware.com/plugin-guide/).  
Falls du eher der „Video-Lerner“ bist, findest du [hier](https://academy.shopware.com/courses/developer-basic)&nbsp;unsere Video-Reihe zum Thema „Plugin-Entwicklung“.

Vielleicht hilft dir das ein wenig weiter.  
Wenn du konkrete Fragen hast, bspw. wie eine gezielte Zeile Code zu verstehen ist, findest du hier aber häufig einen Schubs in die richtige Richtung.

Gruß,  
Patrick&nbsp; ![Shopware](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/shopware.png "Shopware")

---

<div class="post-metadata">

### Author: ![SinaHagen](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@SinaHagen](https://forum.shopware.com/u/SinaHagen)
#### Post date: [24. Juni 2019 um 17:00 UTC](https://forum.shopware.com/t/1-wie-binde-ich-lokal-schriften-ein/60120/3 "2019-06-24T17:00:17Z")

</div>

Hallo [@Patrick Stahl]([http://forum.shopware.com/profile/1869/Patrick](http://forum.shopware.com/profile/1869/Patrick) Stahl “Patrick Stahl”)‍,

vielen Dank für den&nbsp;Ausführlichen Kommentar. Sicher bin ich mir bewusst das es nicht leicht ist oder wird, aber nur wer das große Ziel hat, der überwindet auch kleinere Hindernisse

&nbsp;

Ich werde mich in den von Dir benannten Links mal einarbeiten, aber schade das Shopware hier nicht das einfacher gelöst hat.&nbsp;

---

<div class="post-metadata">

### Author: ![SinaHagen](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@SinaHagen](https://forum.shopware.com/u/SinaHagen)
#### Post date: [24. Juni 2019 um 17:17 UTC](https://forum.shopware.com/t/1-wie-binde-ich-lokal-schriften-ein/60120/4 "2019-06-24T17:17:06Z")

</div>

Hallo [@Patrick Stahl]([http://forum.shopware.com/profile/1869/Patrick](http://forum.shopware.com/profile/1869/Patrick) Stahl „Patrick Stahl“)‍,

ich habe mal den Code einfach mal im Plugin erweitert. Jedoch wird es doch bestimmt beim nächsten Update überschrieben oder? gibt es hier eine einfache möglichkeit das Updatesicher zu machen?&nbsp;  
Nach der erweiterung Zeigt er mir dies auch an und Greift auch, also wenn es jetzt so bleibt wäre perfekt.  
**Code:**

```
/**
     * @returns { Ext.data.Store }
     */
    createFontStore: function () {
        var me = this;

        me.store = Ext.create('Ext.data.Store', {
            fields: ['font', 'label'],
            data: [
                                
                { 'font': 'Satisfy', 'label': 'Satisfy'}, 
                { 'font': 'Lato', 'label': 'Lato'},
				{ 'font': 'Arial', 'label': 'Arial'},
                { 'font': 'Arial Black', 'label': 'Arial Black'},
                { 'font': 'Arial Narrow', 'label': 'Arial Narrow'},
                { 'font': 'Open Sans', 'label': 'Open Sans'},
                { 'font': 'Trebuchet MS', 'label': 'Trebuchet MS'},
                { 'font': 'Verdana', 'label': 'Verdana'},
                { 'font': 'Tahoma', 'label': 'Tahoma'},
                { 'font': 'Georgia', 'label': 'Georgia'},
                { 'font': 'Palatino', 'label': 'Palatino'},
                { 'font': 'Garamond', 'label': 'Garamond'},
                { 'font': 'Century Gothic', 'label': 'Century Gothic'},
                { 'font': 'Lucida Bright', 'label': 'Lucida Bright'},
                { 'font': 'Book Antiqua', 'label': 'Book Antiqua'},
                { 'font': 'Times New Roman', 'label': 'Times New Roman'},
                { 'font': 'Lucida Sans Typewriter', 'label': 'Lucida Sans Typewriter'},
                { 'font': 'Courier New', 'label': 'Courier New'}
            ]
        });
    }
});
// {/block}

```

&nbsp;

---

<div class="post-metadata">

### Author: ![Rednaxela](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@Rednaxela](https://forum.shopware.com/u/Rednaxela)
#### Post date: [24. Juni 2019 um 18:07 UTC](https://forum.shopware.com/t/1-wie-binde-ich-lokal-schriften-ein/60120/5 "2019-06-24T18:07:12Z")

</div>

Wie man es updatesicher macht? Das ist doch der verlinkt. Natürlich ist da keine spezielle Lösung für deinen Fall, da solltest du dich schon mal etwas einarbeiten. Hier wird sicher für so eine Aufgabe keine komplette Lösung gepostet. Also musst du dich wohl schon etwas damit beschäftigen oder jemanden beauftragen.

---

<div class="post-metadata">

### Author: ![Patrick\_Stahl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/patrick_stahl/32/7679_2.png) [@Patrick\_Stahl](https://forum.shopware.com/u/Patrick_Stahl)
#### Post date: [24. Juni 2019 um 20:11 UTC](https://forum.shopware.com/t/1-wie-binde-ich-lokal-schriften-ein/60120/6 "2019-06-24T20:11:34Z")

</div>

Moin @SinaHagen‍,

wir können leider im Standard-Umfang nicht jedes erdenklich mögliche Feature berücksichtigen. :-/

Das, was du jetzt über eine direkte Anpassung am Plugin verändert hast, musst du nun über ein Plugin lösen.  
Dazu musst du, wie bereits erwähnt, [dieses Beispiel](https://developers.shopware.com/developers-guide/backend-extension/#example-#1:-simple-extension) auf deinen Anwendungsfall ummünzen.

Also in kurz:  
Einen Subscriber erstellen, dich per Event an den jeweiligen Backend Controller vom Digital Publishing Modul anhängen, deinen eigenen ExtJS Code laden und per “Ext.define(…, { override:’…’ });” das bestehende Digital Publishing Modul erweitern.

Das ist leider nicht so einfach beschrieben, zumindest nicht in kurzer Zeit. Das Beispiel dürfte dir da aber eine gute Erklärung bieten, wie das zu funktionieren hat.&nbsp; ![Thumb-Up](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/7fcda44f782696668a3d093569d15e88105769e1.png "Thumb-Up")

Gruß,  
Patrick&nbsp; ![Shopware](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/86c57fbace799dd4eb1f1b8a2d3bdc1733f0aea1.png "Shopware")
