# Font in Theme ändern **URL:** \ **Category:** Themes & Design\ **Created:** [18. Februar 2016 um 15:52 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587 "2016-02-18T15:52:47Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![gegerino](https://avatars.discourse-cdn.com/v4/letter/g/bbce88/32.png) [@gegerino](https://forum.shopware.com/u/gegerino)\ **Post date:** [18. Februar 2016 um 15:52 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/1 "2016-02-18T15:52:47Z")
Hallo zusammen, ich habe ein Problem… Ich habe ein Theme erstellt, welches sich vom Responsive Thme ableitet, jetzt habe ich meinen eigenen Font eingebunden.Mein Problem ist jetzt, dass der Standard-Font Open Sans immernoch geladen wird, da dieser ja im Responsive Theme in all.less über @import importiert wird. Muss ich jetzt diesen @import in der all.less des Responsive Themes raus nehmen oder kann ich diesen Import irgendwie in meinem abgeleiteten Theme verhindern? Danke im voraus Gruß Gegerino   ---
**Author:** ![nabjoern](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/nabjoern/32/18847_2.png) [@nabjoern](https://forum.shopware.com/u/nabjoern)\ **Post date:** [19. Februar 2016 um 10:04 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/2 "2016-02-19T10:04:19Z")
Hi Gegerino, habe gerade auch mal nachgeschaut, bekomme es aber leider auch nicht hin. Kann nur bestätigen, dass bei mir die Open Sans auch weiterhin geladen wird und würde mich auch über eine Lösung freuen. Sorry, aber das hilft wahrscheinlich auch nicht weiter ☹ Schöne Grüße, Björn ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [19. Februar 2016 um 12:00 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/3 "2016-02-19T12:00:43Z")
Ja klar. Die Google Fonts muss natürlich noch aus der all.less: [shopware/all.less at 5.1 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/_public/src/less/all.less#L11) Und natürlich entsprechend die font-family in deinen Theme Einstellungen ändern, sodass Open-Sans nicht als font-family geladen wird, sondern deine. ---
**Author:** ![gegerino](https://avatars.discourse-cdn.com/v4/letter/g/bbce88/32.png) [@gegerino](https://forum.shopware.com/u/gegerino)\ **Post date:** [19. Februar 2016 um 12:02 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/4 "2016-02-19T12:02:57Z")
OK, also muss ich dann doch das Resposive Theme ändern. ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [19. Februar 2016 um 12:05 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/5 "2016-02-19T12:05:32Z")
Ich frage mich aber gerade ehrlich gesagt, wie man die font-datei raus bekommen soll, ohne das Core Responsive Theme zu bearbeiten  ![Angry-Face](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/4d894c4dd47121f4ab1fba0317660ce0f6dbd4be.png "Angry-Face") ---
**Author:** ![nabjoern](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/nabjoern/32/18847_2.png) [@nabjoern](https://forum.shopware.com/u/nabjoern)\ **Post date:** [19. Februar 2016 um 12:06 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/6 "2016-02-19T12:06:45Z")
Dachte auch das wäre BÖSE  ![Wearing-Sunglasses](http://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wearing-sunglasses.png "Wearing-Sunglasses") ---
**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\ **Post date:** [20. Februar 2016 um 20:11 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/7 "2016-02-20T20:11:22Z")
Wenn ich es richtig verstehe, dann so Backend- Einstellungen - Theme Manager   Theme auswählen und unten rechts auf Theme konfigurieren, oben rechts auf Farbkonfiguration und auf Typografie. Speichern und Theme kompilieren. ---
**Author:** ![weater](https://avatars.discourse-cdn.com/v4/letter/w/ad7895/32.png) [@weater](https://forum.shopware.com/u/weater)\ **Post date:** [28. April 2019 um 16:25 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/8 "2019-04-28T16:25:15Z")
Ich möchte gerne dieses Thema nochmals ansprechen. Gerne würde ich zwei fonts in meinen Shop einbinden. Die eine wäre die Montserrat und die andere die SignPainter. Beide habe ich als .tiff datei hochgeladen. Habe nun extra in meinem Theme folgender Ordner erstellt /httpdocs/themes/Frontend/meinTheme/frontend/\_public/vendors/open-sans-fontface und dort die Schriften in Ordnern abgelegt. ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/6/65ae664c218404b6350e2a5d58f4d1fb6f433d1b.png) Und danach in der all.less der Code eingefügt aus der Anleitung ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/4/4fe055b2b6ec9d1a904bea6ea7d11a1c4032eb54.png) Natürlich sucht das System beim kompilieren nach einer .less datei und die Fehlermeldung kommt? Was ist mein Ueberlegungsfehler? Danke euch für die Unterstützung. Wir sollten diese Schrift verwenden da unser New Brand diese im Logo hat. Merci vielmal für die Hilfe Chris ---
**Author:** ![nabjoern](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/nabjoern/32/18847_2.png) [@nabjoern](https://forum.shopware.com/u/nabjoern)\ **Post date:** [29. April 2019 um 07:10 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/9 "2019-04-29T07:10:32Z")
Moin Chris, ohne genau im Thema wieder drin zu sein: Ist die Pfadangabe richtig? Dort steht „…vendors/LESS/…“, aber „less“ ist auf deinem Screenshot nicht zu sehen… Vielleicht hilft das ja auch schon. Viele Grüße Björn ---
**Author:** ![weater](https://avatars.discourse-cdn.com/v4/letter/w/ad7895/32.png) [@weater](https://forum.shopware.com/u/weater)\ **Post date:** [29. April 2019 um 16:22 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/10 "2019-04-29T16:22:56Z")
Hi Björn Danke für Deine Antwort. Ich werde es nachher nochmals versuchen. Nur kann ich in der all.less diesen Befehl eingeben? Beim kompilieren sucht der Shop ja nach einer .less Datei und die gibt es ja nicht, sondern es sind 2 .tiff Dateien? Irgendwie stehe ich auf dem bekannten Schlauch…   ---
**Author:** ![weater](https://avatars.discourse-cdn.com/v4/letter/w/ad7895/32.png) [@weater](https://forum.shopware.com/u/weater)\ **Post date:** [29. April 2019 um 16:27 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/11 "2019-04-29T16:27:30Z")
Nachtrag: Ich lade meine zwei Font.tiff in einen Ordner auf den Server und danach gebe ich in der all.less den Pfad an und Shopware erkennt danach meine hinzugefügten Schriften? Bin euch wirklich über Hilfe dankbar. Chris ---
**Author:** ![drakon](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/drakon/32/7724_2.png) [@drakon](https://forum.shopware.com/u/drakon)\ **Post date:** [29. April 2019 um 17:00 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/12 "2019-04-29T17:00:59Z")
Abgesehen von allem anderen sind .tiff-Dateien Graphikdateien und keine Schriftdateien. Verwechselst Du das mit .ttf? Damit das in allen möglichen Browsern funktioniert, musst Du aber sicher noch mehr als nur die TTF-Dateien einbinden. Schriftarten müssen in der all.less oder einer der anderen eingebunden LESS-Datei so wie folgt eingebunden werden (aber dafür gibt es hunderte von Anleitungen im Netz): ``` /* ubuntu-300 - latin-ext_latin */ @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: url('../../fonts/ubuntu-v11-latin-ext_latin-300.eot'); /* IE9 Compat Modes */ src: local('Ubuntu Light'), local('Ubuntu-Light'), url('../../fonts/ubuntu-v11-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/ubuntu-v11-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/ubuntu-v11-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('../../fonts/ubuntu-v11-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/ubuntu-v11-latin-ext_latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */ } ```   ---
**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\ **Post date:** [29. April 2019 um 17:01 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/13 "2019-04-29T17:01:51Z")
> [@drakon schrieb:](https://forum.shopware.com/profile/16695/drakon "drakon") > > Abgesehen von allem anderen sind .tiff-Dateien Graphikdateien und keine Schriftdateien. […] ROFL!  ![Grin](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/grin.png "Grin")  ---
**Author:** ![weater](https://avatars.discourse-cdn.com/v4/letter/w/ad7895/32.png) [@weater](https://forum.shopware.com/u/weater)\ **Post date:** [29. April 2019 um 17:13 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/14 "2019-04-29T17:13:03Z")
@drakon‍ ja ich meinte natürlich ttf.dateien. ![Grin](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/70033cde8e8ff79cfa538293ae71318d6f788423.png "Grin") Und Hunterte von Anleitungen habe ich def. nicht gefunden. Da ich dieses wirklich noch nie gemacht habe wende ich mich ja im Forum an Euch. Und wie gesagt bin ich auf jeden hinweis sehr dankbar. @Murmeltier‍ Danke für deine Antwort ---
**Author:** ![weater](https://avatars.discourse-cdn.com/v4/letter/w/ad7895/32.png) [@weater](https://forum.shopware.com/u/weater)\ **Post date:** [1. Mai 2019 um 07:21 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/15 "2019-05-01T07:21:28Z")
@darkon Dir für die Hilfe hat geklappt. Super:-) Eine kleine Frage zu diesem Feld in der EW ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/a/a699ac57f714d45f92b96b2d73fe55491ca243dd.png) Ich möchte gerne für bsw. einen Textfeld eine Schrift hinzufügen. Jedoch bringe ich das nicht hin? Ich sollte doch irgendwie mit einem CSS Code Shopware sagen mache mir bitte in diesem Feld die Schrift in diesem Style? Leider ist bei mir immer eine rote Linie unten (Fehlermeldung)  bsw.  ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/f/f9a5f3098729bf02b06dcb6ed8f9b66b39936284.png) Danke vielmals und Grüsse  Chris ---
**Author:** ![drakon](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/drakon/32/7724_2.png) [@drakon](https://forum.shopware.com/u/drakon)\ **Post date:** [1. Mai 2019 um 08:24 UTC](https://forum.shopware.com/t/font-in-theme-andern/34587/16 "2019-05-01T08:24:21Z")
Die rote Linie kommt wohl von der Rechtschreibkorrektur des Browsers. In dem Feld können nur Klassennamen eingetragen werden. Trage Deine Font-Anweisung in eine neue Klasse in eine Deiner LESS-Dateien ein und den Klassennamen in das gewünschte Feld: ``` .meineNeueKlasse { font-family: meinFont; } ```