SVG mittels CSS färben

[beatovich]

hallo

Leider wird die Freude durch IrgendEinen Browser getrübt. Internet Explorer kann zwar <use href="#house"/>, wenn die symbols in derselben HTML-Datei sind; aber nicht <use href="icons.svg#house"/> mit externer SVG-Datei. (Wohlgemerkt, wir reden von IE, nicht von Edge – der kann das.)

Dann wird es wohl die einfachste Methode sein, das SVG einfach serverseitig zu inkludieren. Die Datenmenge dürfte sich bei svg in einem vertretbaren Rahmen von ein paar hundert Bytes halten.

Ich bin derzeit bei 3.5kB für eine Spritemap mit 22 Symbolen.

Nach Lesen von Gunnars Beitrag würde ich gerne aber die Datei so gestalten, dass sie als Spritemap und über use/x-link verwendbar ist.

Zur Netto-Last muss man immer noch die CSS Definitionen und die wirkliche Anwendung verrechnen. Da erscheint mir die Spritemap-Version rentabler.

Aber noch ein Wort zu Symbol-Fonts.

Das einzige wirkliche Argument gegen Symbol-Fonts besteht in der Integration neuer Symbole. Da erscheint mir dann die SVG-Version trotz aller Arbeit noch einfacher.