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”}
{$smarty.block.parent}
{/block}
Was muss ich noch machen damit ich Font Awesome verwenden kann?
Kann jemand helfen?
Gruß
Christian
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/erstellen und eine kleinere Datei. Dann musst du nicht den kompletten Set an Font-Awesome Fonts laden.
Seid vorsichtig mit der Definition des I-Tags. Mein Problem hier war, dass die eigenen Icons von Shopware nicht mehr geladen werden.
Hallo vincentbour,
danke für den Tip. Was ist den shopware das main less file? Siehe:
Import Font Awesome by adding @import "less/fontawesome.less" in your main Less file. Also, import one or more styles @import "less/solid.less" in your main Less file.
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 DGCustomerFirst
