Unicode-Zeichen maskieren

[Wolfgang]

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

[Axel Richter]

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 "&#8599;".

Oder &#x2197;

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

Doch

*.extern:before {
  content: "\2197";
}

Siehe http://www.w3.org/TR/CSS21/syndata.html#strings.

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

Hm, nur mal interessehalber, welche Browser wären das, die aber andererseits CSS :before unterstützen?

viele Grüße

Axel

[Wolfgang]

Hallo

content: "\2197";

Danke - super ...

Hm, nur mal interessehalber, welche Browser wären das, die aber andererseits CSS :before unterstützen?

Ein Mac-User hatte mich informiert, dass es bei seinem Browser Probleme gibt. Er bekommt eben unverständliche Zeichen präsentiert. Er hatte mich sogar deswegen angerufen.

Herzliche Grüße
Wolfgang

[迪拉斯]

Hey,
steht am Anfang deiner CSS-Datei @charset "utf-8";? Mit welchem Content-Type geht's vom Server raus?

[Wolfgang]

Hey,
steht am Anfang deiner CSS-Datei @charset "utf-8";? Mit welchem Content-Type geht's vom Server raus?

Danke für den Hinweis, da hat was gefehlt in der Deklaration ...

Wolfgang

[Wolfgang]

steht am Anfang deiner CSS-Datei @charset "utf-8";? Mit welchem Content-Type geht's vom Server raus?

Also ich denke, dass es so geht:
http://applikationssoftware.de/unicode_extern_link_pfeil

Ich habe die Seite nun mit verschiedenen Browsern getestet und es funktioniert. Falls jemand noch Probleme hat ...

Ja - in der Titelzeile funktioniert der Pfeil nicht ....