# eigene Webfonts verwenden

**URL:** <https://forum.shopware.com/t/eigene-webfonts-verwenden/63517>\
**Category:** Themes & Design\
**Tags:** customelements\
**Created:** [12. Dezember 2019 um 18:37 UTC](https://forum.shopware.com/t/eigene-webfonts-verwenden/63517 "2019-12-12T18:37:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kull\_martin](https://avatars.discourse-cdn.com/v4/letter/k/53a042/32.png) [@kull\_martin](https://forum.shopware.com/u/kull_martin)\
**Post date:** [12. Dezember 2019 um 18:37 UTC](https://forum.shopware.com/t/eigene-webfonts-verwenden/63517/1 "2019-12-12T18:37:34Z")

</div>

Guten Tag,

in ein eigenes Theme sollen Webfonts eingebunden werden. Die Fonts sollen hierbei natürlich im Ordner des Themes abgespeichert werden und nicht bei den anderen Schriften under den Ordner „plugins“.

Also z.b. im Ordner /custom/plugins/[theme]/src/Resources/storefront/dist/assets/fonts.

Für die Schrift habe ich eine SCSS Datei angelegt in /custom/plugins/[theme]/src/Resources/storefront/style/fonts.scss

in der Fonts.scss wird die Schrift wie folgt eigebunden:&nbsp;

src: url(’…/…/dist/assets/fonts/KOMIKAX\_-webfont.eot’);

Die Einbindung ist grundsätzlich auch richtig. Wenn ich im Browser den Code untersuche wird die Klasse auch korrekt angezeigt.

Aber die Schrift wird nicht geaden.

Was mir aber aufgefallen ist, schaue ich mir die fertige all.css Datei an sind andere Schriften wie folgt eingebunden.

```
 src: url("/bundles/storefront/assets/font/Inter-Thin-BETA.woff2")

```

meine eingebundene Schrift aber so:&nbsp;

```
 src: url("../../dist/assets/fonts/KOMIKAX\_-webfont.eot");

```

Es hilft aber auch nichts wenn ich meien CSS Pfad anpassse und die Dateien in das entsprechende Verzeichniss kopiere.

Ich habe auch die Schriftdateien in das Verzeichniss gelegt wo sich die fonts.scss Datei befindet. Aber leider auch ohne Erfolg.

Über einen Hinweis wäre ich seehr dankbar.

MfG

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Larineso](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Larineso](https://forum.shopware.com/u/Larineso)\
**Post date:** [12. Dezember 2019 um 19:23 UTC](https://forum.shopware.com/t/eigene-webfonts-verwenden/63517/2 "2019-12-12T19:23:23Z")

</div>

Damit hatte ich auch schon meine Probleme. Ich verlinke dir mal meinen damaligen [Beitrag](https://forum.shopware.com/discussion/comment/251196/#Comment_251196).

Versuch es mal mit&nbsp;

```
src: url("../dist/assets/fonts/KOMIKAX_-webfont.eot");

```

das sollte funktionieren.

Liebe Grüße

---

<div class="post-metadata">

**Author:** ![kull\_martin](https://avatars.discourse-cdn.com/v4/letter/k/53a042/32.png) [@kull\_martin](https://forum.shopware.com/u/kull_martin)\
**Post date:** [13. Dezember 2019 um 13:31 UTC](https://forum.shopware.com/t/eigene-webfonts-verwenden/63517/3 "2019-12-13T13:31:52Z")

</div>

Mit der Lösung von Larineso hat es bei mir geklappt.

Es liegt wirklich daran, so meine Erkenntniss das fonts Verzeichniss dar nicht hier liegen:&nbsp;custom/plugins/[theme]/src/Resources/storefront/dist/assets/fonts

sondern muss sich hier befinden:&nbsp;custom/plugins/[vorlage]/src/Resources/storefront/asset/fonts

Die scss Datei in der die Fonteinträge notiert werden kann sich aber auch in einem Unterverzeichniss befinden.

&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [13. Dezember 2019 um 13:49 UTC](https://forum.shopware.com/t/eigene-webfonts-verwenden/63517/4 "2019-12-13T13:49:27Z")

</div>

@kull\_martin‍ der Ort der Assets lässt sich in der **theme.json** einstellen

In Shopware 6 EA2 war es: (custom/plugins/[theme]/src/theme.json )

```
"asset": [
    "Resources/storefront/asset"
  ]

```

In Shopware 6 RC2 ist es: ( custom/plugins/[theme]/src/ **Resources** /theme.json )

```
  "asset": [
    "app/storefront/src/assets"
  ]

```

&nbsp;