# Fontawesome auf lokal auf Server einbinden

**URL:** <https://forum.shopware.com/t/fontawesome-auf-lokal-auf-server-einbinden/64346>\
**Category:** Themes & Design\
**Created:** [29. Januar 2020 um 18:30 UTC](https://forum.shopware.com/t/fontawesome-auf-lokal-auf-server-einbinden/64346 "2020-01-29T18:30:01Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ChristianMazilu](https://avatars.discourse-cdn.com/v4/letter/c/ec9cab/32.png) [@ChristianMazilu](https://forum.shopware.com/u/ChristianMazilu)\
**Post date:** [29. Januar 2020 um 18:30 UTC](https://forum.shopware.com/t/fontawesome-auf-lokal-auf-server-einbinden/64346/1 "2020-01-29T18:30:01Z")

</div>

Hallo zusammen,

wie kann ich Fontawesome in Shopware integrieren ohne auf externen Ressourcen zugreifen zu müssen?

Ich habe das Fontawesome Paket runtergeladen, entpackt und auf den Server gespiel:

/web/themes/Frontend/Childtheme/frontend/\_public/src/less/\_fontawesome

und in einem Childtheme in der header.tpl folgdnen Code hinzugefügt:

{extends file=“parent:frontend/index/header.tpl”}

{block name=“frontend\_index\_header\_javascript\_modernizr\_lib”}  
&nbsp; {$smarty.block.parent}  
&nbsp;   
{/block}  
&nbsp;

Was muss ich noch machen damit ich Font Awesome verwenden kann?

Kann jemand helfen?

Gruß

Christian

&nbsp;

---

<div class="post-metadata">

**Author:** ![vincentbour](https://avatars.discourse-cdn.com/v4/letter/v/0ea827/32.png) [@vincentbour](https://forum.shopware.com/u/vincentbour)\
**Post date:** [29. Januar 2020 um 20:15 UTC](https://forum.shopware.com/t/fontawesome-auf-lokal-auf-server-einbinden/64346/2 "2020-01-29T20:15:28Z")

</div>

[https://fontawesome.com/how-to-use/on-the-web/using-with/less](https://fontawesome.com/how-to-use/on-the-web/using-with/less)

Mit einem benutzerdefinierten Thema kannst du es in einer less Datei laden, so funktioniert es bei mir. Auf die gleiche Weise kannst du deine eigenen Iconfonts über [https://icomoon.io/](https://icomoon.io/)erstellen und eine kleinere Datei.&nbsp;Dann musst du nicht den kompletten Set an Font-Awesome Fonts&nbsp;laden.

Seid vorsichtig mit der Definition des I-Tags. Mein Problem hier war, dass die eigenen Icons von Shopware nicht mehr geladen werden.

---

<div class="post-metadata">

**Author:** ![ChristianMazilu](https://avatars.discourse-cdn.com/v4/letter/c/ec9cab/32.png) [@ChristianMazilu](https://forum.shopware.com/u/ChristianMazilu)\
**Post date:** [30. Januar 2020 um 14:36 UTC](https://forum.shopware.com/t/fontawesome-auf-lokal-auf-server-einbinden/64346/3 "2020-01-30T14:36:58Z")

</div>

Hallo&nbsp;vincentbour,

danke für den Tip. Was ist den shopware das main less file? Siehe:

Import Font Awesome by adding&nbsp;`@import "less/fontawesome.less"`&nbsp;in your main Less file. Also, import one or more styles&nbsp;`@import "less/solid.less"`&nbsp;in your main Less file.

---

<div class="post-metadata">

**Author:** ![vincentbour](https://avatars.discourse-cdn.com/v4/letter/v/0ea827/32.png) [@vincentbour](https://forum.shopware.com/u/vincentbour)\
**Post date:** [31. Januar 2020 um 19:18 UTC](https://forum.shopware.com/t/fontawesome-auf-lokal-auf-server-einbinden/64346/4 "2020-01-31T19:18:39Z")

</div>

Für mich sieht es so aus:

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/8/822b2c360a3cb167f3b5f7f2f534c25eba0f0774.png)

&nbsp;

Siehe auch:&nbsp;[https://developers.shopware.com/designers-guide/less/](https://developers.shopware.com/designers-guide/less/)

&nbsp;

---

<div class="post-metadata">

**Author:** ![Dressler](https://avatars.discourse-cdn.com/v4/letter/d/7feea3/32.png) [@Dressler](https://forum.shopware.com/u/Dressler)\
**Post date:** [15. Februar 2020 um 05:00 UTC](https://forum.shopware.com/t/fontawesome-auf-lokal-auf-server-einbinden/64346/5 "2020-02-15T05:00:39Z")

</div>

One of the most common solutions to this problem is to use an icon font. Icons are web fonts or vectors, so you can scale them infinitely and a lot of icons can fit inside a single file, bringing down your request count considerably&nbsp;[DGCustomerFirst](http://DGCustomerFirst.com)