Wie mit 'symbols:' innerhalb von @counter-style SVGs einbinden

[Robert B.]

Moin,

Was ist jetzt der Unterschied zwischen maskieren und escapen? Aus dem URL-Kontext kommst du ja nicht heraus.

Sry ich meine damit \', \" usw.!

content: "\"Hallo, Fremder! Wie geht's\" - Ein Eremit"

oder

content: '"Hallo, Fremder! Wie geht\'s" - Ein Eremit'

Du maskierst oder escapest damit die Anführungszeichen 😉

< und > brauch man in meinem Fall nicht zu machen.

Das kann gutgehen, muss es aber nicht. Ich bin ein Freund korrekter Kontextwechsel.

Deshalb drängte sich mir die Frage auf, ob […] über url importierte SVGs doch zu stylen. […]

Das glaube ich zwar nicht, aber du könntest schauen, ob eine Icon-Font dir hier weiterhilft.

Du meinst z.B. fontawesome.com ein SVG vorab zu stylen 🤨???

Nein, mein Vorschlag ist es, eine Icon-Font anstatt von SVGs zu verwenden. Der Counter ist doch letztlich auch nur eine Zahl in einer bestimmten Schriftart und diese Schriftart kannst du vorgeben. Für einen Counter braucht deine Schriftart auch gar nicht so viele Zeichen zu haben.

[…] in verschiedener Form z.B. größe und Farbe darstellen.

Das geht mit Schriftzeichen natürlich auch sehr komfortabel.

Viele Grüße
Robert