# Eigene Webfont in den Shopware-Shop einbinden - Fehleranalyse

**URL:** <https://forum.shopware.com/t/eigene-webfont-in-den-shopware-shop-einbinden-fehleranalyse/59340>\
**Category:** Themes & Design\
**Created:** [2. Mai 2019 um 14:07 UTC](https://forum.shopware.com/t/eigene-webfont-in-den-shopware-shop-einbinden-fehleranalyse/59340 "2019-05-02T14:07:39Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![David89](https://avatars.discourse-cdn.com/v4/letter/d/e56c9b/32.png) [@David89](https://forum.shopware.com/u/David89)\
**Post date:** [2. Mai 2019 um 14:07 UTC](https://forum.shopware.com/t/eigene-webfont-in-den-shopware-shop-einbinden-fehleranalyse/59340/1 "2019-05-02T14:07:39Z")

</div>

Hallo zusammen,

nach etlichen Tutorials und Arbeitsstunden mit den lieben Kollegen,&nbsp;komme ich final nicht weiter.&nbsp;Ich hoffe sehr auf eure Unterstützung.

&nbsp;

Was wurde bisher gemacht?

Alle relevanten Ordner und Less-Dateien wurden angelegt.

[https://imgur.com/fuqadYF](https://imgur.com/fuqadYF)

Die fonts.less wird in die all.less importiert:

[https://imgur.com/usFmQbx](https://imgur.com/usFmQbx)

Im Theme Manager wurde unter Typografie die neue Schriftart ausgewählt.

[https://imgur.com/1E6nFFH](https://imgur.com/1E6nFFH)

&nbsp;

Für den Body wird in den Entwicklertools die neue Schrift bereits angezeigt,doch nirgends im Frontend.&nbsp;

Die angezeigte Schrift ist jetzt jedoch tatsächlich Arial.

Was habe ich falsch gemacht? Die Schriftdatei ist hinterlegt, die Datei eingebunden, verknüpft und im Theme Manager ausgewählt.

Es wäre echt super, wenn sich jemand meiner Problematik annehmen würde.

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![scriptfarm](https://avatars.discourse-cdn.com/v4/letter/s/2acd7d/32.png) [@scriptfarm](https://forum.shopware.com/u/scriptfarm)\
**Post date:** [2. Mai 2019 um 14:58 UTC](https://forum.shopware.com/t/eigene-webfont-in-den-shopware-shop-einbinden-fehleranalyse/59340/2 "2019-05-02T14:58:27Z")

</div>

Was sagt denn die Entwickler Console, die Datei wird geladen, aber nicht in den Artikeln angezeigt, wie sieht es mit dem Cache, Compiler, Source Map unter (Theme-Manager \> jeweilige Theme \> Einstellungen) aus ? hattest Du da was diesbezüglich angepast !?.

---

<div class="post-metadata">

**Author:** ![David89](https://avatars.discourse-cdn.com/v4/letter/d/e56c9b/32.png) [@David89](https://forum.shopware.com/u/David89)\
**Post date:** [2. Mai 2019 um 15:03 UTC](https://forum.shopware.com/t/eigene-webfont-in-den-shopware-shop-einbinden-fehleranalyse/59340/3 "2019-05-02T15:03:40Z")

</div>

Hey,

danke für die schnelle Rückmeldung.

Die Entwickler-Console sagt:

body&nbsp;{

1. font-size:&nbsp;14px;
2. font-size:&nbsp;.875rem;
3. **font-family:&nbsp;PorscheNext;**
4. font-weight:&nbsp;500;
5. color:&nbsp;#464646;
6. background:&nbsp;#e9e9f0;
7. text-rendering:&nbsp;optimizeLegibility;
8. -webkit-font-smoothing:&nbsp;antialiased;

}

Cache wird nach jeder noch so kleinsten Änderung geleert und kompiliert. Die Einstellungen im Theme Manager sind angepasst, ja. (ist ja auch nur ein Eintrag, oder?)

Ein vielleicht noch sehr wichtiger Hinweis ist, dass die jetzt angezeigte Schriftart Arial ist… schaut zumindest so aus.

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [3. Mai 2019 um 12:09 UTC](https://forum.shopware.com/t/eigene-webfont-in-den-shopware-shop-einbinden-fehleranalyse/59340/4 "2019-05-03T12:09:57Z")

</div>

Wo liegt denn deine fonts.less Datei?

Denn du hast die Fonts ja wie es schein im /vendor Ordner.  
Darüber hinaus fehlt auch der Pfad „PorscheNext“ bzw. eben der Ordner im Pfad.

Er lädt ganz einfach die Font nicht, weil er diese nicht finden kann. Was sagt die console oder ggf. der Network Tab? Da müsste eigentlich drin stehen, dass die Font nicht geladen wird.

Schau dir parallel dazu einfach mal das Responsive Theme an: Du hast sicherlich den eigentlich Pfad zum font directory in der typography.less vergessen -\>&nbsp;[https://github.com/shopware/shopware/blob/5.5/themes/Frontend/Responsive/frontend/\_public/src/less/\_variables/typography.less](https://github.com/shopware/shopware/blob/5.5/themes/Frontend/Responsive/frontend/_public/src/less/_variables/typography.less)

---

<div class="post-metadata">

**Author:** ![David89](https://avatars.discourse-cdn.com/v4/letter/d/e56c9b/32.png) [@David89](https://forum.shopware.com/u/David89)\
**Post date:** [3. Mai 2019 um 12:33 UTC](https://forum.shopware.com/t/eigene-webfont-in-den-shopware-shop-einbinden-fehleranalyse/59340/5 "2019-05-03T12:33:49Z")

</div>

Hi,&nbsp;

danke sehr für den Tipp!

Network Tab gab aus, dass die Font nicht geladen wurde.

Ich habe tatsächlich die typography.less übersehen.&nbsp;

Nachdem ich hier alles eingetragen hatte, klappt es nun.

THANKS!