Font Awesome (lokal) einbinden

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 gefunden, mit dem ich mich intensiv beschäftigt habe. Leider habe ich es damit nicht zum Laufen bekommen. Wahrscheinlich bin ich zu doof :sleepy: :upside_down_face: .

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

Viele Grüße, Frank

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

Bin für jeden Hinweis dankbar!

Ist im Foundation Plugin mit bei :wink:

Hallo @Moorleiche,

sehr genial! Es funktioniert perfekt.

Ein fettes Danke :+1: :muscle:

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

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

Ich switchte hierfür zu Shopware-Icons, Einbindung im Code mit {% sw_icon 'bag' %}

Viele Grüße! Jennifer

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:

{% 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

<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.