Wolfgang: Unicode-Zeichen maskieren

Beitrag lesen

Hallo

Ich habe ein Unicode-Zeichen, dass ich externen Links gerne voranstellen möchte und das ist ein kleiner schräger Pfeil. Im HTML-Text wäre eine solche Eingabe kein Problem "↗".

Nun habe ich aber das Zeichen in der css stehen

*.extern:before {
  content: "↗";
}

Im Link schreibe ich dann <a class="extern" href="http://www.example.tld/"> und erhalte auf der Seite das gewünschte Ergebnis.

Mein Hauptproblme besteht darin, dass ich in "content: "↗";" das Unicode-Zeichen eben nicht ersetzen kann "content: "&#8599;""

Das führt bei Browsern, die kein utf-8 unterstützen zur Anzeige von unverständlichen Sonderzeichen.

Hat einer eine Idee, wie man das handeln kann?

Herzliche Grüße
Wolfgang Uhr