FontAwesome in Shopware PDF einbinden?

Shopware 5 Programmierung
1

Guten Abend,

aktuell wird versucht, FontAwesome in eine PDF Datei einzubinden und dort zu nutzen, doch die eingebundenen Icons werden gar nicht dargestellt (auch keine Platzhalter).

Folgender Code wurde im

-Tag der index.tpl eingebunden:

Alternativ hat auch eine Einbindung über CSS wie folgt nicht funktioniert: 

Wenn die entsprechende URL über den Browser aufgerufen wird, sind die eingebundenen Dateien auch vorhanden, wenn nun jedoch ein Icon eingebunden wird, erscheint an der Stelle nichts, zum Beispiel:

{block name="document_index_head_right"}
    
    Ihr Ansprechpartner
    Test Testperson
    
{/block}

Eine Fehlermeldung oder ähnliches gibt es nicht, die PDF-Datei wird einfach ohne die Icons ausgegeben. 
Muss hier noch irgendwas angepasst werden, funktioniert das unter Shopware in PDF-Dateien generell nicht oder hat schonmal irgendjemand FontAwesome erfolgreich eingebunden?

 

LG,

hibitaro.

2

Hallo,

Shopware verwendet mPDF zum rendern der PDF-Dokumente. mPDF interpretiert die HTML-Tags aber nur zum Teil. Details findest Du in der Doku zu mPDF. Das erklärt, warum Dinge im Browser angezeigt werden, im PDF aber nicht so funktionieren.

Generell gibt es schon Möglichkeiten, zusätzliche Fonts für PDF-Dokumente zu definieren - siehe unser kostenloses Plugin VanWittlaerCorporateFonts

Damit kannst Du auch die FA-Fonts einbinden, aber nicht über den Javascript-Weg! Du kannst das z.B. native machen:

        .fa {
            font-family: FontAwesome;
            font-style: normal;
        }
</sytle>

...
...


und dann das Icon so einbinden: (in diesem Fall "phone")

<i class="fa">&#xf098;</i></code></pre>

<p>Viel Erfolg!</p>

<p>Geert</p>
1 „Gefällt mir“