Wie kann ich ein Schriftartsymbol als Hintergrundbild verwenden?

Question

1) Ich weiß, dass ich ein Schriftart-Symbol mit Pseudo-Selektoren (vor, nach) und "Inhalt" verwenden kann, aber es ist keine skalierbare Lösung, da ich viele Änderungen an Padding, links, oben usw. in verschiedenen vornehmen müssen Situationen

2) Mit Daten-URI eine Svg ist in Ordnung, aber ich muss die Füllung/Farbe der Svg basierend auf verschiedenen Aktionen ändern. Ich habe die Fill-Eigenschaft ausprobiert, aber es funktioniert nicht wirklich.

Ich kann die Farbe extern ändern/bearbeiten, aber ich habe eine Menge von Variationen und wieder nicht

---

Dem Symbol Fonts (ex: FontAwesome) skaliert für den Browser kommt mit SVG-Dateien. Es ist möglich, irgendwie diese Datei in CSS zu verwenden (wie Bildsprites)?

Answer 1

Wenn Sie Eigenschaften von SVGs ändern möchten, muss es inline platziert werden. Mit einem SVG als Hintergrund und ändern Eigenschaften werden nicht funktionieren.

Bibliotheken wie FontAwesome geben Ihnen eine font, nicht svg, die Sie auch nicht als Hintergrund festlegen können.

Ich sehe nicht das Problem der Verwendung der psuedo-Selektoren: vor und: nach dafür. Sie sind meiner Meinung nach sehr skalierbar.

Wenn Sie es wirklich anders machen möchten, sollten Sie etwas von Ihrem Code mit uns teilen, damit wir besser verstehen, was Sie zu tun versuchen.