# Font Awesome (lokal) einbinden

**URL:** <https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323>\
**Category:** Allgemein\
**Created:** [19. März 2021 um 13:55 UTC](https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323 "2021-03-19T13:55:43Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Frank\_2812](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Frank\_2812](https://forum.shopware.com/u/Frank_2812)\
**Post date:** [19. März 2021 um 13:55 UTC](https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323/1 "2021-03-19T13:55:43Z")

</div>

Wie kann ich eine freie Version von Font Awesome, als Webfont, in Shopware 6 einbinden. Aufgrund von möglicher Off-Time und Latenzen, möchte ich das Ganze lokal auf dem Server hosten.

Ich habe dazu den Post [https://forum.shopware.com/t/font-awesome-in-shopware-6-einbinden/65422](https://forum.shopware.com/t/font-awesome-in-shopware-6-einbinden/65422) gefunden, mit dem ich mich intensiv beschäftigt habe. Leider habe ich es damit nicht zum Laufen bekommen. Wahrscheinlich bin ich zu doof 😪 🙃 .

Hat dass eventuell jemand am Laufen und weiß, wie es geht? Für eine Beschreibung wäre ich dankbar.

Viele Grüße, Frank

---

<div class="post-metadata">

**Author:** ![Frank\_2812](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Frank\_2812](https://forum.shopware.com/u/Frank_2812)\
**Post date:** [21. März 2021 um 12:23 UTC](https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323/2 "2021-03-21T12:23:41Z")

</div>

Gibt es wirklich niemanden, der FA in SW6 nutzt? Es muss doch einen Weg geben, dass einzubinden?

Bin für jeden Hinweis dankbar!

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [21. März 2021 um 13:13 UTC](https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323/3 "2021-03-21T13:13:53Z")

</div>

Ist im Foundation Plugin mit bei 😉

---

<div class="post-metadata">

**Author:** ![Frank\_2812](https://avatars.discourse-cdn.com/v4/letter/f/b19c9b/32.png) [@Frank\_2812](https://forum.shopware.com/u/Frank_2812)\
**Post date:** [21. März 2021 um 14:56 UTC](https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323/4 "2021-03-21T14:56:37Z")

</div>

Hallo @Moorleiche,

sehr genial! Es funktioniert perfekt.

Ein fettes Danke 👍 💪

---

<div class="post-metadata">

**Author:** ![heinz.lehner](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/heinz.lehner/32/21358_2.png) [@heinz.lehner](https://forum.shopware.com/u/heinz.lehner)\
**Post date:** [25. Juli 2023 um 07:58 UTC](https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323/5 "2023-07-25T07:58:56Z")

</div>

Kleiner Tipp noch:  
Wenn Foundation benutzt wird, unbedingt bei FontAwesome SVG wählen. HTML hat zumindest bei mir nicht funktioniert.

---

<div class="post-metadata">

**Author:** ![creationell](https://avatars.discourse-cdn.com/v4/letter/c/c67d28/32.png) [@creationell](https://forum.shopware.com/u/creationell)\
**Post date:** [5. Juli 2024 um 12:51 UTC](https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323/6 "2024-07-05T12:51:39Z")

</div>

Hallo! Ab heute waren sie weg, der Support schrieb dazu:

> Hallo,  
> ich habe die Icons wegen DSGVO auf meinem eigenen Server gehostet, jedoch hat mein Hoster das wegen zu hohem Traffic verboten und den Link entfernt.  
> In Shopware 6.5 und 6.6 werden die Icons als SVG geladen. Bei Shopware 6.4 oder älter müssen die Icons nun selbst gehostet oder via CDN eingebunden werden: [https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css](https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css)

Ich switchte hierfür zu [Shopware-Icons](https://botschaft.digital/glossar/shopware-6-icons), Einbindung im Code mit `{% sw_icon 'bag' %}`

Viele Grüße! Jennifer

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [1. Dezember 2024 um 03:08 UTC](https://forum.shopware.com/t/font-awesome-lokal-einbinden/86323/7 "2024-12-01T03:08:18Z")

</div>

Moin, hab im Support-Ticket ja erwähnt, dass die SVGs von FontAwesome 5 & 6 im Foundation enthalten sind. Die Einbindung wird auch durch das sw\_icon TWIG Snippet gemacht.

Beispiel:

```auto
{% sw_icon 'phone' style {pack: 'fa6s', size: 'sm', class: 'inline'} %}
{% sw_icon 'calendar-check' style {pack: 'far'} %}

```

fa6s steht für FontAwesome 6 Solid  
far steht für FontAwesome 5 Regular

Im Plugin sind jedoch ausschließlich nur die Free Icons enthalten.

Das CSS, wo die Icons als Schriftpaket eingebunden und z.B. durch

```auto
<i class="fas fa-yin-yang"></i>

```

verwendet werden, wurde nicht mehr benötigt und entfernt. Als Notlösung dient das Cloudflare CDN über die Plugin Einstellungen.
