shopware-Font als SVG-Sprite?

Den Shopware-Font um eigene Icons zu erweitern ist ja schon ein bisschen umständlich, selbst mit Hilfe von irgendwelchen Tools. Ich überlege daher gerade, den in einen SVG-Sprite zu wandeln. Der Support für SVG ist ja mittlerweile sehr gut und die Nachteile von Icon-Fonts ggü. SVG bekannt (*1). Hat das schon mal jemand gemacht und eine Übersicht darüber, an welchen Stellen da überall Änderungen vorzunehmen sind? Oder gibt es entsprechende Überlegungen sogar schon von Seiten Shopware? *1 Wenn nicht, dann hier nachsehen bzw. lesen: https://vimeo.com/99828116 http://ianfeather.co.uk/ten-reasons-we- … nt-to-svg/

Warum erstellst du nicht einfach eine eigene Font? Außerdem ist die Shopware Font eine Core Datei, diese sollte man also sowieso nicht ändern. Verstehe daher den Sinn nicht so ganz. Und falls du es doch machen willst, hau die Font in dein Schritsammlung, öffne Illustrator, schreibe dein Icon als Unicode und speichere es als .svg ab. Alternativ kann https://icomoon.io/ auch die Font direkt als .svg Sprite abspeichern.

[quote=“kayyy”]Warum erstellst du nicht einfach eine eigene Font?[/quote] Weil Fonts ggü. SVG deutliche Nachteile haben und ich nicht wüsste, warum ich die in Kauf nehmen soll, wenn es nicht unbedingt sein muss. [quote=“kayyy”]Außerdem ist die Shopware Font eine Core Datei, diese sollte man also sowieso nicht ändern.[/quote] Also für die Zusatzicons einen eigenen Font? Aus Performancegesichtspunkten absolut nicht sinnvoll. Und die Datei liegt im Theme-Ordner. Sollte also in einem vererbten Theme auch keine Probleme machen. [quote=“kayyy”]Und falls du es doch machen willst, hau die Font in dein Schritsammlung, öffne Illustrator, schreibe dein Icon als Unicode und speichere es als .svg ab. Alternativ kann https://icomoon.io/ auch die Font direkt als .svg Sprite abspeichern.[/quote] Ich weiß wie es geht. Das war auch gar nicht meine Frage.

Welche genauen Nachteile hat denn die Font für deinen Shop? [quote]Aus Performancegesichtspunkten absolut nicht sinnvoll[/quote] Darüber kann man sich streiten, ob nun 10kb mehr oder weniger, den reisen Unterschied machen … Es ging darum, dass die Font Datei eine Core Datei ist … nicht um Vererbungen. Wenn du doch schon alles weißt wie es geht, warum fragst du dann und machst es nicht einfach? :slight_smile:

[quote=“kayyy”]Welche genauen Nachteile hat denn die Font für deinen Shop?[/quote] Hatte ich doch gestern schon verlinkt :slight_smile: Hier noch mal ein deutscher Artikel zu dem Thema: http://maddesigns.de/svg-sprites-icon-fonts-2309.html [quote=“kayyy”]Darüber kann man sich streiten, ob nun 10kb mehr oder weniger, den reisen Unterschied machen …[/quote] 10kb plus ein HTTP-Request mehr. Wenn ich mir das bei jeder Kleinigkeit sage läppert sich das halt einfach. Genau aus dem Grund gibt’s her ein Performance-Budget und jeder gesparte HTTP-Request ist ein guter. [quote=“kayyy”]Es ging darum, dass die Font Datei eine Core Datei ist … nicht um Vererbungen.[/quote] Ich bin jetzt noch nicht so tief drin in Shopware, aber Core-Dateien haben IMHO im Theme-Ordner nichts verloren. [quote=“kayyy”]Wenn du weißt wie es geht, warum fragst du dann und machst es nicht einfach? :)[/quote] Ich weiß, wie ich einen Font in einen SVG-Sprite wandeln kann. Meine Frage bezog sich auf den erforderlichen Umbau der Theme-Dateien in Shopware, ob das schon mal jemand gemacht hat und darauf, ob man vielleicht auch bei Shopware bereits darüber nachdenkt, auf die unter fast allen Gesichtspunkten besseren SVG-Sprites zu wechseln und ich vielleicht einfach nur bis 5.0.x warten sollte…

Klar leppert sich das irgendwann, wenn du wegen jeden einzelnen http request schaust, dann kannst du es natürlich ändern :slight_smile: bzgl. der Core Datei: Da du dein Theme von dem Core Responsive Theme ableitest, ist es eben eine Core Datei. Wenn du jetzt alle Icons durch .svg Images ersetzen willst, müsstest du entsprechend jedes Template anpassen, wo eben ein Icon verwendet wird. Also recht viele :slight_smile: Hier jetzt einfach einmal ein Beispiel, wo ein Icon eingebunden wird: https://github.com/shopware/shopware/bl … ion.tpl#L8 Ob sich das lohnt lediglich um einen http request zu sparen, musst du natürlich entscheiden. Das Problem was ich hier sehe ist, dass du dann natürlich um kb zu sparen auch die icon less Datei entfernen müsstest. Diese ist aber eine Core Datei vom Responsive Theme. Bei einem Update wäre die less Datei also auch wieder drin. Oder du machst eben dein komplett eigenes Theme auf Basis des Bare Themes. Ob Shopware darüber nachdenkt, denke ich jetzt zwar nicht, aber du kannst natürlich den Vorschlag auf http://jira.shopware.de/ schreiben