Glyphen | CSS-Tricks

Sonderzeichen

"	"	„	Anführungszeichen	u+0022 ISOnum	p:before { content:”\0022″; }	alert(“\42”)
&	&	&	Ampersand	u+0026 ISOnum	p:before { content:”\0026″; }	alert(“\46”)
<	<	<	Kleiner-als-Zeichen	u+003C ISOnum	p:before { content:”\003c”; }	alert(“\74”);
>	>	>	Größer-als-Zeichen	u+003E ISOnum	p:before { content:”\003e”; }	alert(“\76”);

Latin-1-Entity-Set für HTML

			geschütztes Leerzeichen	%A0	p:before { content:”\00a0″; }	alert(“\240”);
¡	¡	¡	umgekehrtes Ausrufezeichen	%A1	p:before { content:”\00a1″; }	alert(“\241”);
¢	¢	¢	Cent-Zeichen	%A2	p:before { content:”\00a2″; }	alert(“\242”);
£	£	£	Pfund-Sterling-Zeichen	%A3	p:before { content:”\00a3″; }	alert(“\243”);
¤	¤	¤	allgemeines Währungssymbol	%A4	p:before { content:”\00a4″; }	alert(“\244”);
¥	¥	¥	Yen-Zeichen	%A5	p:before { content:”\00a5″; }	alert(“\245”);
¦	¦	¦	unterbrochene (vertikale) Leiste	%A6	p:before { content:”\00a6″; }	alert(“\246”);
§	§	§	Abschnittszeichen	%A7	p:before { content:”\00a7″; }	alert(“\247”);
¨	¨	¨	Umlaut (Trema)	%A8	p:before { content:”\00a8″; }	alert(“\250”);
©	©	©	Copyright-Zeichen	%A9	p:before { content:”\00a9″; }	alert(“\251”);
ª	ª	ª	Ordinalindikator, weiblich	%AA	p:before { content:”\00aa”; }	alert(“\252”);
«	«	«	linke Winkel-Anführungszeichen	%AB	p:before { content:”\00ab”; }	alert(“\253”);
¬	¬	¬	Nicht-Zeichen	%AC	p:before { content:”\00ac”; }	alert(“\254”);
			weiche Trennung	%AD	p:before { content:”\00ad”; }	alert(“\255”);
®	®	®	Registriertes Warenzeichen	%AE	p:before { content:”\00ae”; }	alert(“\256”);
¯	¯	¯	Makron	%AF	p:before { content:”\00af”; }	alert(“\257”);
°	°	°	Grad-Zeichen	%B0	p:before { content:”\00b0″; }	alert(“\260”);
±	±	±	Plus-minus-Zeichen	%B1	p:before { content:”\00b1″; }	alert(“\261”);
²	²	²	hochgestellte Zwei	%B2	p:before { content:”\00b2″; }	alert(“\262”);
³	³	³	hochgestellte Drei	%B3	p:before { content:”\00b3″; }	alert(“\263”);
´	´	´	Akut-Akzent	%B4	p:before { content:”\00b4″; }	alert(“\264”);
µ	µ	µ	Mikro-Zeichen	%B5	p:before { content:”\00b5″; }	alert(“\265”);
¶	¶	¶	Pilcrow (Absatzzeichen)	%B6	p:before { content:”\00b6″; }	alert(“\266”);
·	·	·	Mittelpunkt	%B7	p:before { content:”\00b7″; }	alert(“\267”);
¸	¸	¸	Cedilla	%B8	p:before { content:”\00b8″; }	alert(“\270”);
¹	¹	¹	hochgestellte Eins	%B9	p:before { content:”\00b9″; }	alert(“\271”);
º	º	º	Ordinalindikator, männlich	%BA	p:before { content:”\00ba”; }	alert(“\272”);
»	»	»	rechte Winkel-Anführungszeichen	%BB	p:before { content:”\00bb”; }	alert(“\273”);
¼	¼	¼	Bruchteil ein Viertel	%BC	p:before { content:”\00bc”; }	alert(“\274”);
½	½	½	Bruchteil eine Hälfte	%BD	p:before { content:”\00bd”; }	alert(“\275”);
¾	¾	¾	Bruchteil drei Viertel	%BE	p:before { content:”\00be”; }	alert(“\276”);
¿	¿	¿	umgekehrtes Fragezeichen	%BF	p:before { content:”\00bf”; }	alert(“\277”);
À	À	À	Großbuchstabe A, Gravis-Akzent	%C0	p:before { content:”\00c0″; }	alert(“\300”);
Á	Á	Á	Großbuchstabe A, Akut-Akzent	%C1	p:before { content:”\00c1″; }	alert(“\301”);
Â	Â	Â	Großbuchstabe A, Zirkumflex-Akzent	%C2	p:before { content:”\00c2″; }	alert(“\302”);
Ã	Ã	Ã	Großbuchstabe A, Tilde	%C3	p:before { content:”\00c3″; }	alert(“\303”);
Ä	Ä	Ä	Großbuchstabe A, Trema oder Umlaut-Zeichen	%C4	p:before { content:”\00c4″; }	alert(“\304”);
Å	Å	Å	Großbuchstabe A, Ring	%C5	p:before { content:”\00c5″; }	alert(“\305”);
Æ	Æ	Æ	Großbuchstabe AE, Ligatur	%C6	p:before { content:”\00c6″; }	alert(“\306”);
Ç	Ç	Ç	Großbuchstabe C, Cedilla	%C7	p:before { content:”\00c7″; }	alert(“\307”);
È	È	È	Großbuchstabe E, Gravis-Akzent	%C8	p:before { content:”\00c8″; }	alert(“\310”);
É	É	É	Großbuchstabe E, Akut-Akzent	%C9	p:before { content:”\00c9″; }	alert(“\311”);
Ê	Ê	Ê	Großbuchstabe E, Zirkumflex-Akzent	%CA	p:before { content:”\00ca”; }	alert(“\312”);
Ë	Ë	Ë	Großbuchstabe E, Trema oder Umlaut-Zeichen	%CB	p:before { content:”\00cb”; }	alert(“\313”);
Ì	Ì	Ì	Großbuchstabe I, Gravis-Akzent	%CC	p:before { content:”\00cc”; }	alert(“\314”);
Í	Í	Í	Großbuchstabe I, Akut-Akzent	%CD	p:before { content:”\00cd”; }	alert(“\315”);
Î	Î	Î	Großbuchstabe I, Zirkumflex-Akzent	%CE	p:before { content:”\00ce”; }	alert(“\316”);
Ï	Ï	Ï	Großbuchstabe I, Trema oder Umlaut-Zeichen	%CF	p:before { content:”\00cf”; }	alert(“\317”);
Ð	Ð	Ð	Großbuchstabe Eth, Isländisch	%D0	p:before { content:”\00d0″; }	alert(“\320”);
Ñ	Ñ	Ñ	Großbuchstabe N, Tilde	%D1	p:before { content:”\00d1″; }	alert(“\321”);
Ò	Ò	Ò	Großbuchstabe O, Gravis-Akzent	%D2	p:before { content:”\00d2″; }	alert(“\322”);
Ó	Ó	Ó	Großbuchstabe O, Akut-Akzent	%D3	p:before { content:”\00d3″; }	alert(“\323”);
Ô	Ô	Ô	Großbuchstabe O, Zirkumflex-Akzent	%D4	p:before { content:”\00d4″; }	alert(“\324”);
Õ	Õ	Õ	Großbuchstabe O, Tilde	%D5	p:before { content:”\00d5″; }	alert(“\325”);
Ö	Ö	Ö	Großbuchstabe O, Trema oder Umlaut-Zeichen	%D6	p:before { content:”\00d6″; }	alert(“\326”);
×	×	×	Multiplikationszeichen	%D7	p:before { content:”\00d7″; }	alert(“\327”);
Ø	Ø	Ø	Großbuchstabe O, Schrägstrich	%D8	p:before { content:”\00d8″; }	alert(“\330”);
Ù	Ù	Ù	Großbuchstabe U, Gravis-Akzent	%D9	p:before { content:”\00d9″; }	alert(“\331”);
Ú	Ú	Ú	Großbuchstabe U, Akut-Akzent	%DA	p:before { content:”\00da”; }	alert(“\332”);
Û	Û	Û	Großbuchstabe U, Zirkumflex-Akzent	%DB	p:before { content:”\00db”; }	alert(“\333”);
Ü	Ü	Ü	Großbuchstabe U, Trema oder Umlaut-Zeichen	%DC	p:before { content:”\00dc”; }	alert(“\334”);
Ý	Ý	Ý	Großbuchstabe Y, Akut-Akzent	%DD	p:before { content:”\00dd”; }	alert(“\335”);
Þ	Þ	Þ	Großbuchstabe THORN, Isländisch	%DE	p:before { content:”\00de”; }	alert(“\336”);
ß	ß	ß	kleines scharfes S, Deutsch (sz-Ligatur)	%DF	p:before { content:”\00df”; }	alert(“\337”);
à	à	à	kleiner Buchstabe a, Gravis-Akzent	%E0	p:before { content:”\00e0″; }	alert(“\340”);
á	á	á	kleiner Buchstabe a, Akut-Akzent	%E1	p:before { content:”\00e1″; }	alert(“\341”);
â	â	â	kleiner Buchstabe a, Zirkumflex-Akzent	%E2	p:before { content:”\00e2″; }	alert(“\342”);
ã	ã	ã	kleiner Buchstabe a, Tilde	%E3	p:before { content:”\00e3″; }	alert(“\343”);
ä	ä	ä	kleiner Buchstabe a, Trema oder Umlaut-Zeichen	%E4	p:before { content:”\00e4″; }	alert(“\344”);
å	å	å	kleiner Buchstabe a, Ring	%E5	p:before { content:”\00e5″; }	alert(“\345”);
æ	æ	æ	kleine ae-Ligatur	%E6	p:before { content:”\00e6″; }	alert(“\346”);
ç	ç	ç	kleiner Buchstabe c, Cedilla	%E7	p:before { content:”\00e7″; }	alert(“\347”);
è	è	è	kleiner Buchstabe e, Gravis-Akzent	%E8	p:before { content:”\00e8″; }	alert(“\350”);
é	é	é	kleiner Buchstabe e, Akut-Akzent	%E9	p:before { content:”\00e9″; }	alert(“\351”);
ê	ê	ê	kleiner Buchstabe e, Zirkumflex-Akzent	%EA	p:before { content:”\00ea”; }	alert(“\352”);
ë	ë	ë	kleiner Buchstabe e, Trema oder Umlaut-Zeichen	%EB	p:before { content:”\00eb”; }	alert(“\353”);
ì	ì	ì	kleiner Buchstabe i, Gravis-Akzent	%EC	p:before { content:”\00ec”; }	alert(“\354”);
í	í	í	kleiner Buchstabe i, Akut-Akzent	%ED	p:before { content:”\00ed”; }	alert(“\355”);
î	î	î	kleiner Buchstabe i, Zirkumflex-Akzent	%EE	p:before { content:”\00ee”; }	alert(“\356”);
ï	ï	ï	kleiner Buchstabe i, Trema oder Umlaut-Zeichen	%EF	p:before { content:”\00ef”; }	alert(“\357”);
ð	ð	ð	kleiner Buchstabe eth, Isländisch	%F0	p:before { content:”\00f0″; }	alert(“\360”);
ñ	ñ	ñ	kleiner Buchstabe n, Tilde	%F1	p:before { content:”\00f1″; }	alert(“\361”);
ò	ò	ò	kleiner Buchstabe o, Gravis-Akzent	%F2	p:before { content:”\00f2″; }	alert(“\362”);
ó	ó	ó	kleiner Buchstabe o, Akut-Akzent	%F3	p:before { content:”\00f3″; }	alert(“\363”);
ô	ô	ô	kleiner Buchstabe o, Zirkumflex-Akzent	%F4	p:before { content:”\00f4″; }	alert(“\364”);
õ	õ	õ	kleiner Buchstabe o, Tilde	%F5	p:before { content:”\00f5″; }	alert(“\365”);
ö	ö	ö	kleiner Buchstabe o, Trema oder Umlaut-Zeichen	%F6	p:before { content:”\00f6″; }	alert(“\366”);
÷	÷	÷	Divisionszeichen	%F7	p:before { content:”\00f7″; }	alert(“\367”);
ø	ø	ø	kleiner Buchstabe o, Schrägstrich	%F8	p:before { content:”\00f8″; }	alert(“\370”);
ù	ù	ù	kleiner Buchstabe u, Gravis-Akzent	%F9	p:before { content:”\00f9″; }	alert(“\371”);
ú	ú	ú	kleiner Buchstabe u, Akut-Akzent	%FA	p:before { content:”\00fa”; }	alert(“\372”);
û	û	û	kleiner Buchstabe u, Zirkumflex-Akzent	%FB	p:before { content:”\00fb”; }	alert(“\373”);
ü	ü	ü	kleiner Buchstabe u, Trema oder Umlaut-Zeichen	%FC	p:before { content:”\00fc”; }	alert(“\374”);
ý	ý	ý	kleiner Buchstabe y, Akut-Akzent	%FD	p:before { content:”\00fd”; }	alert(“\375”);
þ	þ	þ	kleiner Buchstabe thorn, Isländisch	%FE	p:before { content:”\00fe”; }	alert(“\376”);
ÿ	ÿ	ÿ	kleiner Buchstabe y, Trema oder Umlaut-Zeichen	%FF	p:before { content:”\00ff”; }	alert(“\377”);

Lateinisch Erweitert-A

&OElig;	Œ	Œ	lateinische Großbuchstaben-Ligatur oe	u+0152 ISOlat2	p:before { content:”\0152″; }	alert(“\u0152”);
&oelig;	œ	œ	lateinische Kleinbuchstaben-Ligatur oe (Ligatur ist ein irreführender Begriff, dies ist in einigen Sprachen ein separater Buchstabe)	u+0153 ISOlat2	p:before { content:”\0153″; }	alert(“\u0153”);
&Scaron;	Š	Š	lateinischer Großbuchstabe S mit Caron	u+0160 ISOlat2	p:before { content:”\0160″; }	alert(“\u0160”);
&scaron;	š	š	lateinischer Kleinbuchstabe s mit Caron	u+0161 ISOlat2	p:before { content:”\0161″; }	alert(“\u0161”);
&Yuml;	Ÿ	Ÿ	lateinischer Großbuchstabe Y mit Trema	u+0178 ISOlat2	p:before { content:”\0178″; }	alert(“\u0178”);

Lateinisch Erweitert-B

&fnof;

lateinischer Kleinbuchstabe f mit Haken, auch Funktion, auch Florin

u+0192 ISOtech

p:before { content:”\0192″; }

alert(“\u0192”);

Abstandsmodifikatorbuchstaben

&circ;	ˆ	Modifikatorbuchstabe Zirkumflex-Akzent	u+02C6 ISOpub	p:before { content:”\02c6″; }	alert(“\u02c6”);
&tilde;	˜	kleines Tilde	u+02DC ISOdia	p:before { content:”\02dc”; }	alert(“\u02dc”);

Griechisch

Α	Α	Α	griechischer Großbuchstabe Alpha	u+0391	p:before { content:”\0391″; }	alert(“\u0391”);
Β	Β	Β	griechischer Großbuchstabe Beta	u+0392	p:before { content:”\0392″; }	alert(“\u0392”);
Γ	Γ	Γ	griechischer Großbuchstabe Gamma	u+0393 ISOgrk3	p:before { content:”\0393″; }	alert(“\u0395”);
Δ	Δ	Δ	griechischer Großbuchstabe Delta	u+0394 ISOgrk3	p:before { content:”\0394″; }	alert(“\u0394”);
Ε	Ε	Ε	griechischer Großbuchstabe Epsilon	u+0395	p:before { content:”\0395″; }	alert(“\u0395”);
Ζ	Ζ	Ζ	griechischer Großbuchstabe Zeta	u+0396	p:before { content:”\0396″; }	alert(“\u0396”);
&Eta ;	Η	Η	griechischer Großbuchstabe Eta	u+0397	p:before { content:”\0397″; }	alert(“\u0397”);
Θ	Θ	Θ	griechischer Großbuchstabe Theta	u+0398 ISOgrk3	p:before { content:”\0398″; }	alert(“\u0398”);
Ι	Ι	Ι	griechischer Großbuchstabe Iota	u+0399	p:before { content:”\0399″; }	alert(“\u0399”);
Κ	Κ	Κ	griechischer Großbuchstabe Kappa	u+039A	p:before { content:”\039a”; }	alert(“\u039a”);
Λ	Λ	Λ	griechischer Großbuchstabe Lambda	u+039B ISOgrk3	p:before { content:”\039b”; }	alert(“\u039b”);
&Mu ;	Μ	Μ	griechischer Großbuchstabe Mu	u+039C	p:before { content:”\039c”; }	alert(“\u039c”);
&Nu ;	Ν	Ν	griechischer Großbuchstabe Nu	u+039D	p:before { content:”\039d”; }	alert(“\u039D”);
&Xi ;	Ξ	Ξ	griechischer Großbuchstabe Xi	u+039E ISOgrk3	p:before { content:”\039e”; }	alert(“\u039e”);
Ο	Ο	Ο	griechischer Großbuchstabe Omikron	u+039F	p:before { content:”\039f”; }	alert(“\u039f”);
&Pi ;	Π	Π	griechischer Großbuchstabe Pi	u+03A0 ISOgrk3	p:before { content:”\03a0″; }	alert(“\u03a0”);
&Rho ;	Ρ	Ρ	griechischer Großbuchstabe Rho	u+03A1	p:before { content:”\03a1″; }	alert(“\u03a1”);
Es gibt kein Sigmaf und auch kein Zeichen u+03A2)
Σ	Σ	Σ	griechischer Großbuchstabe Sigma	u+03A3 ISOgrk3	p:before { content:”\03a3″; }	alert(“\u03A3”);
&Tau ;	Τ	Τ	griechischer Großbuchstabe Tau	u+03A4	p:before { content:”\03a4″; }	alert(“\u03A4”);
Υ	Υ	Υ	griechischer Großbuchstabe Ypsilon	u+03A5 ISOgrk3	p:before { content:”\03a5″; }	alert(“\u03A5”);
&Phi ;	Φ	Φ	griechischer Großbuchstabe Phi	u+03A6 ISOgrk3	p:before { content:”\03a6″; }	alert(“\u03A6”);
&Chi ;	Χ	Χ	griechischer Großbuchstabe Chi	u+03A7	p:before { content:”\03a7″; }	alert(“\u03A7”);
&Psi ;	Ψ	Ψ	griechischer Großbuchstabe Psi	u+03A8 ISOgrk3	p:before { content:”\03a8″; }	alert(“\u03A8”);
Ω	Ω	Ω	griechischer Großbuchstabe Omega	u+03A9 ISOgrk3	p:before { content:”\03a9″; }	alert(“\u03A9”);
α	α	α	griechischer Kleinbuchstabe Alpha	u+03B1 ISOgrk3	p:before { content:”\03b1″; }	alert(“\u03b1”);
β	β	β	griechischer Kleinbuchstabe Beta	u+03B2 ISOgrk3	p:before { content:”\03b2″; }	alert(“\u03b2”);
γ	γ	γ	griechischer Kleinbuchstabe Gamma	u+03B3 ISOgrk3	p:before { content:”\03b3″; }	alert(“\u03b3”);
δ	δ	δ	griechischer Kleinbuchstabe Delta	u+03B4 ISOgrk3	p:before { content:”\03b4″; }	alert(“\u03b4”);
ε	ε	ε	griechischer Kleinbuchstabe Epsilon	u+03B5 ISOgrk3	p:before { content:”\03b5″; }	alert(“\u03b5”);
ζ	ζ	ζ	griechischer Kleinbuchstabe Zeta	u+03B6 ISOgrk3	p:before { content:”\03b6″; }	alert(“\u03b6”);
&eta ;	η	η	griechischer Kleinbuchstabe Eta	u+03B7 ISOgrk3	p:before { content:”\03b7″; }	alert(“\u03b7”);
θ	θ	θ	griechischer Kleinbuchstabe Theta	u+03B8 ISOgrk3	p:before { content:”\03b8″; }	alert(“\u03b8”);
ι	ι	ι	griechischer Kleinbuchstabe Iota	u+03B9 ISOgrk3	p:before { content:”\03b9″; }	alert(“\u03b9”);
κ	κ	κ	griechischer Kleinbuchstabe Kappa	u+03BA ISOgrk3	p:before { content:”\03ba”; }	alert(“\u03ba”);
λ	λ	λ	griechischer Kleinbuchstabe Lambda	u+03BB ISOgrk3	p:before { content:”\03bb”; }	alert(“\u03bb”);
&mu ;	μ	μ	griechischer Kleinbuchstabe Mu	u+03BC ISOgrk3	p:before { content:”\03bc”; }	alert(“\u03bc”);
&nu ;	ν	ν	griechischer Kleinbuchstabe Nu	u+03BD ISOgrk3	p:before { content:”\03bd”; }	alert(“\u03bd”);
&xi ;	ξ	ξ	griechischer Kleinbuchstabe Xi	u+03BE ISOgrk3	p:before { content:”\03be”; }	alert(“\u03be”);
ο	ο	ο	griechischer Kleinbuchstabe Omikron	u+03BF NEU	p:before { content:”\03bf”; }	alert(“\u03bf”);
&pi ;	π	π	griechischer Kleinbuchstabe Pi	u+03C0 ISOgrk3	p:before { content:”\03c0″; }	alert(“\u03c0”);
&rho ;	ρ	ρ	griechischer Kleinbuchstabe Rho	u+03C1 ISOgrk3	p:before { content:”\03c1″; }	alert(“\u03c1”);
&sigmaf;	ς	ς	griechischer Kleinbuchstabe Sigma (final)	u+03C2 ISOgrk3	p:before { content:”\03C2″; }	alert(“\u03c2”);
σ	σ	σ	griechischer Kleinbuchstabe Sigma	u+03C3 ISOgrk3	p:before { content:”\03C3″; }	alert(“\u03c3”);
&tau ;	τ	τ	griechischer Kleinbuchstabe Tau	u+03C4 ISOgrk3	p:before { content:”\03C4″; }	alert(“\u03c4”);
υ	υ	υ	griechischer Kleinbuchstabe Ypsilon	u+03C5 ISOgrk3	p:before { content:”\03C5″; }	alert(“\u03c5”);
&phi ;	φ	φ	griechischer Kleinbuchstabe Phi	u+03C6 ISOgrk3	p:before { content:”\03C6″; }	alert(“\03c6”);
&chi ;	χ	χ	griechischer Kleinbuchstabe Chi	u+03C7 ISOgrk3	p:before { content:”\03C7″; }	alert(“\u03c7”);
&psi ;	ψ	ψ	griechischer Kleinbuchstabe Psi	u+03C8 ISOgrk3	p:before { content:”\03C8″; }	alert(“\u03c8”);
ω	ω	ω	griechischer Kleinbuchstabe Omega	u+03C9 ISOgrk3	p:before { content:”\03C9″; }	alert(“\u03c9”);
&thetasym;	ϑ	ϑ	griechisches Theta-Symbol (Kleinbuchstabe)	u+03D1 NEU	p:before { content:”\03D1″; }	alert(“\u03D1”);
&upsih;	ϒ	ϒ	griechisches Ypsilon-Symbol mit Haken	u+03D2 NEU	p:before { content:”\03D2″; }	alert(“\u03D2”);
&piv ;	ϖ	ϖ	griechisches Pi-Symbol	u+03D6 ISOgrk3	p:before { content:”\03D6″; }	alert(“\u03D6”);

Satzzeichen

&ensp;			En-Leerzeichen	u+2002 ISOpub	p:before { content:”\2002″;}	alert(“\u2002”);
&emsp;			Em-Leerzeichen	u+2003 ISOpub	p:before { content:”\2003″;}	alert(“\u2003”);
			dünnes Leerzeichen	u+2009 ISOpub	p:before { content:”\2009″;}	alert(“\u2009”);
&zwnj;	‌	‌	Zero-Width Non-Joiner	u+200C NEU RFC 2070	p:before { content:”\200C”;}	alert(“\u200C”);
&zwj;	‍	‍	Zero-Width Joiner	u+200D NEU RFC 2070	p:before { content:”\200D”;}	alert(“\u200d”);
&lrm;	‎	‎	Left-to-Right Mark	u+200E NEU RFC 2070	p:before { content:”\200E”;}	alert(“\u200e”);
&rlm;	‏	‏	Right-to-Left Mark	u+200F NEU RFC 2070	p:before { content:”\200F”;}	alert(“\u200f”);
–	–	–	En-Gedankenstrich	u+2013 ISOpub	p:before { content:”\2013″;}	alert(“\u2013”);
—	—	—	Em-Gedankenstrich	u+2014 ISOpub	p:before { content:”\2014″;}	alert(“\u2014”);
‘	‚	‘	linkes einfaches Anführungszeichen	u+2018 ISOnum	p:before { content:”\2018″;}	alert(“\u2018”);
’	‘	’	rechtes einfaches Anführungszeichen	u+2019 ISOnum	p:before { content:”\2019″;}	alert(“\u2019”);
&sbquo;	‚	‚	einfaches Tief-9-Anführungszeichen	u+201A NEU	p:before { content:”\201A”;}	alert(“\u201a”);
“	„	“	linkes doppeltes Anführungszeichen	u+201C ISOnum	p:before { content:”\201C”;}	alert(“\u201c”);
”	“	”	rechtes doppeltes Anführungszeichen	u+201D ISOnum	p:before { content:”\201D”;}	alert(“\u201d”);
&bdquo;	„	„	doppeltes Tief-9-Anführungszeichen	u+201E NEU	p:before { content:”\201E”;}	alert(“\u201e”);
&dagger;	†	†	Dolch	u+2020 ISOpub	p:before { content:”\2020″;}	alert(“\u2020”);
&Dagger;	‡	‡	doppelter Dolch	u+2021 ISOpub	p:before { content:”\2021″;}	alert(“\u2021”);
&permil;	‰	‰	Promille-Zeichen	u+2030 ISOtech	p:before { content:”\2030″;}	alert(“\u2030”);
&lsaquo;	‹	‹	einfaches linkes Winkel-Anführungszeichen (lsaquo ist vorgeschlagen, aber noch nicht ISO-standardisiert)	u+2039 ISO vorgeschlagen	p:before { content:”\2039″;}	alert(“\u2039”);
&rsaquo;	›	›	einfaches rechtes Winkel-Anführungszeichen rsaquo ist vorgeschlagen, aber noch nicht ISO-standardisiert	u+203A ISO vorgeschlagen	p:before { content:”\203A”;}	alert(“\u203a”);

Allgemeine Satzzeichen

•	•	•	Bullet, auch schwarzer kleiner Kreis Bullet ist NICHT dasselbe wie Bullet-Operator — u+2219	u+2022 ISOpub	alert(“\u2219”);
…	…	…	horizontale Auslassungspunkte, auch drei Punkte	u+2026 ISOpub	alert(“\u2026”);
′	‘	′	Prime, auch Minuten, auch Fuß	u+2032 ISOtech	alert(“\u2032”);
″	″	″	doppelte Prime, auch Sekunden, auch Zoll	u+2033 ISOtech	alert(“\u2033”);
&oline;	¯	‾	Oberstrich, auch Abstands-Überschrift	u+203E NEU	alert(“\u203e”);
&frasl;	⁄	⁄	Bruchstrich	u+2044 NEU	alert(“\u8260”);

Buchstabenähnliche Symbole

&weierp;	℘	℘	Schreibschrift-Großbuchstabe P, auch Potenzmenge, auch Weierstrass-p	u+2118 ISOamso	alert(“\u2118”);
&image;	ℑ	ℑ	Frakturschrift-Großbuchstabe I, auch imaginärer Teil	u+2111 ISOamso	alert(“\u2111”);
&real;	ℜ	ℜ	Frakturschrift-Großbuchstabe R, auch Symbol für den reellen Teil	u+211C ISOamso	alert(“\u211c”);
™	™	™	Markenzeichen	u+2122 ISOnum	alert(“\u2122”);
&alefsym;	ℵ	ℵ	Aleph-Symbol, auch erste transfinite Kardinalzahl Aleph-Symbol ist NICHT dasselbe wie der hebräische Buchstabe Alef — u+05D0 obwohl die gleiche Glyphe beide Zeichen darstellen könnte	u+2135 NEU	alert(“\u”);

Pfeile

←	←	←	Pfeil nach links	u+2190 ISOnum	alert(“\u2190”);
↑	↑	↑	Pfeil nach oben	u+2191 ISOnum	alert(“\u2191”);
→	→	→	Pfeil nach rechts	u+2192 ISOnum	alert(“\u2192”);
↓	↓	↓	Pfeil nach unten	u+2193 ISOnum	alert(“\u2193”);
↔	↔	↔	Links-Rechts-Pfeil	u+2194 ISOamsa	alert(“\u2194”);
&crarr;	↵	↵	Pfeil nach unten mit Kurve nach links, auch Wagenrücklauf	u+21B5 NEU	alert(“\u21b5”);
⇐	⇐	⇐	doppelter Pfeil nach links kann für „wird impliziert durch“ verwendet werden	u+21D0 ISOtech	alert(“\u21d0”);
&uArr;	⇑	⇑	doppelter Pfeil nach oben	u+21D1 ISOamsa	alert(“\u21d1”);
⇒	⇒	⇒	doppelter Pfeil nach rechts	u+21D2 ISOtech	alert(“\u21d2”);
&dArr;	⇓	⇓	doppelter Pfeil nach unten	u+21D3 ISOamsa	alert(“\ud1d3”);
⇔	⇔	⇔	doppelter Links-Rechts-Pfeil	u+21D4 ISOamsa	alert(“\u21d4”);

Mathematische Operatoren

∀	∀	∀	für alle	u+2200 ISOtech	alert(“\u2200”);
∂	∂	∂	partielle Ableitung	u+2202 ISOtech	alert(“\u2202”);
∃	∃	∃	es existiert	u+2203 ISOtech	alert(“\u2203”);
∅	∅	∅	leere Menge, auch Nullmenge, auch Durchmesser	u+2205 ISOamso	alert(“\u2205”);
∇	∇	∇	Nabla, auch rückwärtige Differenz	u+2207 ISOtech	alert(“\u2207”);
∈	∈	∈	Element von	u+2208 ISOtech	alert(“\u2208”);
∉	∉	∉	Nicht-Element von	u+2209 ISOtech	alert(“\u2209”);
&ni ;	∋	∋	enthält als Element	u+220B ISOtech	alert(“\u220b”);
∏	∏	∏	n-ary Produkt, auch Produktzeichen Prod ist NICHT dasselbe Zeichen wie u+03A0 ‚griechischer Großbuchstabe Pi‘, obwohl die gleiche Glyphe für beides verwendet werden könnte	u+220F ISOamsb	alert(“\u03a0”);
&sum ;	∑	∑	n-ary Summe Summe ist NICHT dasselbe Zeichen wie u+03A3 ‚griechischer Großbuchstabe Sigma‘, obwohl die gleiche Glyphe für beides verwendet werden könnte	u+2211 ISOamsb	alert(“\u03a3”);
−	−	−	Minuszeichen	u+2212 ISOtech	alert(“\u2212”);
&lowast;	∗	∗	Asterisk-Operator	u+2217 ISOtech	alert(“\u2217”);
√	√	√	Quadratwurzel, auch Wurzelzeichen	u+221A ISOtech	alert(“\u221a”);
&prop;	∝	∝	proportional zu	u+221D ISOtech	alert(“\u221d”);
∞	∞	∞	Unendlichkeit	u+221E ISOtech	alert(“\u221e”);
&ang ;	∠	∠	angle (Winkel)	u+2220 ISOamso	alert(“\u2220”);
&and ;	⊥	⊥	logisches Und, auch Keil	u+2227 ISOtech	alert(“\u2227”);
&or ;	⊦	⊦	logisches Oder, auch Keil ( Vee )	u+2228 ISOtech	alert(“\u2228”);
&cap ;	∩	∩	Schnittmenge, auch Cap	u+2229 ISOtech	alert(“\u2229”);
&cup ;	∪	∪	Vereinigung, auch Cup	u+222A ISOtech	alert(“\u222a”);
&int ;	∫	∫	Integral	u+222B ISOtech	alert(“\u222b”);
&there4;	∴	∴	daher	u+2234 ISOtech	alert(“\u2234”);
&sim ;	∼	∼	Tilde-Operator, auch variiert mit, ähnlich dem Tilde-Operator, aber NICHT dasselbe Zeichen wie die Tilde u+007E, obwohl die gleiche Glyphe für beides verwendet werden könnte	u+223C ISOtech	alert(“\u223c”);
&cong;	≅	≅	ungefähr gleich	u+2245 ISOtech	alert(“\u2245”);
≈	≈	≈	fast gleich, auch asymptotisch zu	u+2248 ISOamsr	alert(“\u2248”);
&ne ;	≠	≠	ungleich	u+2260 ISOtech	alert(“\u2260”);
&equiv;	≡	≡	identisch mit	u+2261 ISOtech	alert(“\u2261”);
&le ;	≤	≤	kleiner oder gleich	u+2264 ISOtech	alert(“\u2264”);
&ge ;	≥	≥	größer oder gleich	u+2265 ISOtech	alert(“\u2265”);
&sub ;	⊂	⊂	Teilmenge von	u+2282 ISOtech	alert(“\u2282”);
&sup ;	⊃	⊃	Obermenge von beachten Sie, dass nsup, ‚nicht Obermenge von u+2283′, nicht vom Symbol-Font abgedeckt wird und nicht enthalten ist.	u+2283 ISOtech	alert(“\u2283”);
&nsub;	⊄	⊄	keine Teilmenge von	u+2284 ISOamsn	alert(“\u2284”);
&sube;	⊆	⊆	Teilmenge oder gleich	u+2286 ISOtech	alert(“\u2286”);
&supe;	⊇	⊇	Obermenge oder gleich	u+2287 ISOtech	alert(“\u2287”);
&oplus;	⊕	⊕	umrandetes Plus, auch direkte Summe	u+2295 ISOamsb	alert(“\u2295”);
&otimes;	⊗	⊗	umrandetes Mal, auch Vektorprodukt	u+2297 ISOamsb	alert(“\u2297”);
&perp;	⊥	⊥	Aufstrich, auch orthogonal zu, auch senkrecht	u+22A5 ISOtech	alert(“\u22a5”);
⋅	⋅	⋅	Punkt-Operator Punkt-Operator ist NICHT dasselbe Zeichen wie u+00B7 Mittelpunkt	u+22C5 ISOamsb	alert(“\u22c5”);

Sonstiges Technisches

&lceil;	⌈	⌈	linke Decke, auch apl upstile	u+2308, ISOamsc	alert(“\u2308”);
&rceil;	⌉	⌉	rechte Decke	u+2309, ISOamsc	alert(“\u2309”);
&lfloor;	⌊	⌊	linker Boden, auch apl downstile	u+230A, ISOamsc	alert(“\u230a”);
&rfloor;	⌋	⌋	rechter Boden	u+230B, ISOamsc	alert(“\u230b”);
&lang;	〈	〈	linke Winkelklammer, auch Bra Lang ist NICHT dasselbe Zeichen wie u+003C ‚kleiner als‘ oder u+2039 ‚einfaches linkes Winkel-Anführungszeichen‘	u+2329 ISOtech	alert(“\u2329”);
&rang;	〉	〉	rechte Winkelklammer, auch Ket Rang ist NICHT dasselbe Zeichen wie u+003E ‚größer als‘ oder u+203A ‚einfaches rechtes Winkel-Anführungszeichen‘	u+232A ISOtech	alert(“\u232a”);

Geometrische Formen

&loz ;

◊

Rhombus

u+25CA ISOpub

alert(“\u25ca”);

Sonstige Symbole

&spades;	♠	♠	schwarzes Pik-Symbol	u+2660 ISOpub	alert(“\u2660”);
&clubs;	♣	♣	schwarzes Kreuz-Symbol, auch Shamrock	u+2663 ISOpub	alert(“\u2663”);
&hearts;	♥	♥	schwarzes Herz-Symbol, auch Valentinstag	u+2665 ISOpub	alert(“\u2665”);
&diams;	♦	♦	schwarzes Karo-Symbol	u+2666 ISOpub	alert(“\u2666”);

Sunny Singh

# 29. Mai 2010

Tolle Referenz, danke für deine Zeit dafür!

Antworten

Oren

# 1. Juni 2010

Ich benutze diese Suchmaschine, um nach Glyphen zu suchen
http://leftlogic.com/lounge/articles/entity-lookup/

preguntoncojonero

Permalink zum Kommentar# 28. September 2017

nicht gefunden http://leftlogic.com/lounge/articles/entity-lookup/
AES

Permalink zum Kommentar# 7. Februar 2020

@preguntoncojonero

Nach 10 Jahren wurde es vielleicht hierher verschoben

http://entity-lookup.leftlogic.com/

Jon

# 8. September 2011

Ich habe eine fantastische Liste von Unicode-Symbolen und Dingbats gefunden, die die obige Liste erweitern... http://inamidst.com/stuff/unidata

Marcy

# 2. Dezember 2011

Was ist die :before ISO-Entität für einen Bullet (•)??

Micah

# 5. Januar 2012

selector:before {
  content: "\2022";
}

Das funktioniert, um einen Bullet zu erstellen, Marcy.

Brahmanand Gorati

Permalink zum Kommentar# 6. Juni 2014

Danke!!
Guilherme Harrison

Permalink zum Kommentar# 17. August 2015

DANKE!!!
Josh

Permalink zum Kommentar# 10. Februar 2016

Vier Jahre später, du hast mich gerettet! Danke!

# 9. Januar 2012

Hier sind eine Menge mathematischer Entitäten.

https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AlhWX3BA2PNwdDZBTjdiRV93R3c0dkJnNFlaMmV2a3c&output=html

preguntoncojonero

Permalink zum Kommentar# 28. September 2017

Nicht gefunden

Staale

# 21. Juni 2012

Ihre Seite ist sooo hilfreich, Chris. Sie sind ein Star. Danke für all die Hilfe, die Sie geleistet haben.

Heather

# 13. Februar 2013

Schön präsentiert! Es hat mir viel Zeit gespart.

roydukkey

# 25. Februar 2013

Ich wollte diese Ressource als Variablen-Plugin für LESS bereitstellen. Die Codes sind auch zur Vermeidung von Code-Verschmutzung durch Entitäten korrigiert worden.

roydukkey

Permalink zum Kommentar# 3. April 2013

Ich vergaß wohl den Link?

https://github.com/roydukkey/glyph.less
kunaimedia

Permalink zum Kommentar# 11. September 2018

Entschuldigung. Ich habe das entfernt.

JBC

# 3. April 2013

Das war spektakulär hilfreich! Vielen Dank!

Praveen

# 4. Mai 2013

großartig

megadroid

# 14. November 2013

Wenn Sie auf OS X sind, gehen Sie zu Systemeinstellungen > Sprache & Text > Eingabequellen und aktivieren Sie

Tastatur & Zeichentabelle
Unicode-Hex-Eingabe
Menüleiste für Eingabemenü anzeigen

Klicken Sie auf das Flaggen-Symbol in der Menüleiste und wählen Sie Zeichentabelle anzeigen.
Um weitere Glyphen hinzuzufügen, klicken Sie auf die Zahnradschaltfläche oben links und wählen Sie Liste anpassen.
Es gibt auch ein Suchfeld, geben Sie einfach z.B. Stern oder Pfeil ein.

Um ein tatsächliches Glyphen einzugeben, klicken Sie einfach auf das Flaggen-Symbol in der Menüleiste und wählen Sie Unicode-Hex-Eingabe. Halten Sie dann die ⌥ Option-Taste gedrückt und geben Sie einen Unicode-Code ein, zum Beispiel 2325.

manohar

# 20. Dezember 2013

Danke für das Teilen.

Blueprint

Außerdem brauche ich das ^.. Zeichen !!

Jeff

Permalink zum Kommentar# 22. September 2014

Haben Sie es jemals gefunden?
Jass

Permalink zum Kommentar# 24. August 2019

Ich dachte, Shift+6 würde den Trick machen

Eiman

# 11. Januar 2014

Danke

Michael Su

# 8. März 2014

♥!

Kebten

# 23. März 2014

Wie können wir z.B. £3.00 darstellen – mein Hack war content: “0a3\33.00”

Jason

# 26. März 2014

Man könnte theoretisch ein SVG von allem erstellen, was man möchte, und es dann in Base64-Code umwandeln, wie Chris in einem anderen Beitrag erwähnt hat. (SVG verwenden). Ich bin mir nicht sicher, aber ich glaube, Glyphen werden sowieso mit SVG gezeichnet.

Natürlich ist es viel einfacher, einfach eine vorhandene Glyphe zu verwenden, aber hier ist ein SVG-Beispiel

http://jsfiddle.net/jasonbdesign/x8yhs/3/

Ich habe gerade einen typischen Dropdown-Pfeil in Adobe Illustrator erstellt, aber man könnte wirklich alles erstellen.

uday

# 15. August 2014

Gibt es eine Möglichkeit, numerische Werte in CSS in ISO-Werte umzuwandeln?

nico trygub

# 30. Juni 2015

Ich verwende http://www.amp-what.com/unicode/search/snow dafür

Giovanni

# 22. Juli 2015

Die vertikale Leiste | fehlt

# 15. Juli 2016

|
&vert;
#124;
p:before {content:"\007c";}

preguntoncojonero

Permalink zum Kommentar# 28. September 2017

Das Zeichen * Stern ist nicht speziell?

http://www.fileformat.info/info/unicode/char/2a/index.htm

HTML-Entität (Dezimal) *
HTML-Entität (Hex) *
Wie man es in Microsoft Windows tippt: Alt +2A Alt 042 Alt 42
UTF-8 (Hex) 0x2A (2a)
UTF-8 (Binär) 00101010
UTF-16 (Hex) 0x002A (002a)
UTF-16 (Dezimal) 42
UTF-32 (Hex) 0x0000002A (2a)
UTF-32 (Dezimal) 42

\0042 ?

Felipe Viana

# 30. August 2015

Benutzt Font-Awesome. http://astronautweb.co/snippet/font-awesome/ in :before

shubi

# 3. September 2015

Was, wenn ich es mitten im Inhalt verwenden möchte, wie: Pi\00e8\ce.
es funktioniert nicht, irgendwelche Hilfe.

Duane

# 26. November 2015

Ich habe nach nicht druckbaren Zeichen gesucht, aber sie nicht gefunden: CR, LF, Tab?

Ich suche aber woanders weiter...

Duane

Permalink zum Kommentar# 26. November 2015

Doh! Nie darum. Habe den Entity Conversion Calculator Transmogrifier benutzt...

Ryan

# 9. Februar 2016

Sie vermissen das Dollarzeichen

&dollar;
$
dollar sign
%24
p:before { content:"\0024"; }
alert("\044");

nitesh

# 10. März 2016

Ich möchte, dass dieser CSS-Inhaltscode ein Punkt ist? Bitte lassen Sie es mich wissen

gautam prajapati

# 20. März 2016

http://www.utf8icons.com/

Mark

# 22. April 2016

Diese Seite wurde vor 6 Jahren erstellt, daher können sich Dinge geändert haben, aber anhand der obigen Codes fand ich Folgendes bei der Verwendung für die CSS-Eigenschaft "content" mit dem Pseudoselektor ":before" oder ":after"

Entfernen Sie alle Nullen vor den Zahlen oder Buchstaben im Code. Beispiel: Wenn Sie "00153" sehen, wird es zu "153", oder "0161" wird zu "161", oder "00ae" wird zu "ae". Die Nullen verursachen einen Fehler.
Entfernen Sie den Buchstaben "u" und / oder das "+" Zeichen, aus demselben Grund. Beispiel: "u+2026" wird zu "\2026".
Wenn eine Zahl nicht funktioniert, verwenden Sie die Alert-Version wie folgt: "\2022 " rendert nichts, dann verwenden Sie die Alert-Version von "\u2219" und machen Sie daraus "\2219"

Ich habe nicht alle getestet, aber das ist es, was ich mit den getesteten gefunden habe, und es scheint durchweg konsistent zu sein.

Serhii

# 8. Juni 2017

Schöner Beitrag, aber ich kann das Pluszeichen '+' nicht finden :)

midou filali

Permalink zum Kommentar# 14. Januar 2018

content: '+'; hat für mich funktioniert
mark2017

Permalink zum Kommentar# 15. Januar 2018

Ja, man kann das Pluszeichen der Tastatur verwenden, aber es gibt viele Websites, die die Unicode-, Hex- und HTML-Codes bereitstellen, die Sie benötigen, um nette und coole Zeichen einzufügen. Insbesondere für meine Antwort hier habe ich diese Referenzseite verwendet >> https://www.toptal.com/designers/htmlarrows/symbols/

Scrollen Sie nach unten zu Heavy Greek Cross (oder verwenden Sie Suche in der Seite), Sie sehen die Unicode für das Kreuz als U+0271A

Wie ich oben erwähnt habe, entfernen Sie zum Verwenden in der CSS-Pseudo-Inhaltseigenschaft das "U", "+ "und "0". Dann sieht es so aus: content: '\271A';

Suchen Sie im Web nach diesen Tabellen oder Listen und favorisieren Sie einige davon, da einige andere Zeichen als andere bereitstellen.

Hoffe, das hilft.

Philipp

# 8. August 2019

Ich verwende ein Em-Leerzeichen in meinem Druck-CSS

.main::after {content: “Company\2003 Street …”}

Firefox ignoriert \2003, irgendwelche Ideen?

Mark

Permalink zum Kommentar# 8. August 2019

Sie verwenden den falschen HTML-Zeichencode für CSS.

Dies ist, was Sie verwendet haben (siehe diesen Link): https://www.fileformat.info/info/unicode/char/2003/index.htm

Der Referenzlink, den ich gegeben habe, zeigt, wo der Code "2003" gilt. Er ist nicht als CSS-Wert in Pseudo-Elementen von ::before oder ::after verwendbar.

Wenn Sie die korrekten für CSS verwenden möchten, verwenden Sie Referenzen wie diese: https://www.toptal.com/designers/htmlarrows/symbols/

Geben Sie auf der CSS-Referenzseite "space" in das Suchfeld ein. Es liefert ein Ergebnis. Der oberste Code ist der richtige: "U+000A0". Entfernen Sie "U" und "+ ", fügen Sie den umgekehrten Schrägstrich "\" hinzu und es funktioniert.

Für das, was Sie erreichen möchten, können Sie auch einfach eine Tastatur-Leertaste verwenden, die den Standard-Leerzeichen zwischen Wörtern ergibt. Um mehr Abstand zu haben, verwenden Sie den CSS / HTML-Zeichencode "\000A0".

Beispiele

‘Company\000A0Street’; (ergibt normalen Abstand zwischen den Wörtern)
‘Company \000A0 Street’; (fügen Sie ein Tastatur-Leerzeichen hinzu, um einen weiteren Abstand zwischen Text hinzuzufügen)
‘Company \000A0 Street’; (fügen Sie ein weiteres Tastatur-Leerzeichen zwischen dem Text und dem Zeichencode hinzu, um mehr Abstand zu schaffen)
‘Company\000A0\000A0Street’; (ergibt 2 Leerzeichen)
‘Company\000A0\000A0\000A0Street’; (ergibt 3 Leerzeichen usw.)

Erstellen Sie beim Erstellen von Webseiten oder Websites immer Ihre Arbeit in den 3 wichtigsten Browsern (Edge, Firefox, Chrome für Windows) oder allen 4 Browsern (Edge, Firefox, Chrome, Safari für Mac), wenn Sie dies nicht bereits tun.

Hoffe, das hilft.

Hier sind Links zu HTML / CSS-Zeichencode-Tabellen
https://brajeshwar.me/entities/
https://dev.w3.org/html5/html-author/charref

Ich verwende mehrere verschiedene Tabellenreferenzen, ich scheine einige verschiedene Symbole und Zeichen zwischen ihnen zu finden. Ich denke, das liegt daran, dass einige der Tabellen älter sind und nicht aktualisiert wurden, um alle aktuellen Informationen zu enthalten. Erstellen Sie also eine eigene Liste, die für Sie funktioniert.

muhaymin

# 24. Oktober 2019

Herr, ich möchte das Club-Symbol in CSS Pseudo verwenden, wie kann ich das verwenden, bitte helfen Sie

Mark

Permalink zum Kommentar# 24. Oktober 2019

„Club-Symbol“, ich nehme an, Sie meinen das Spielkartensymbol von „Clubs“?

Gehen Sie hierher: https://www.toptal.com/designers/htmlarrows/symbols/

Geben Sie "club" (ohne Anführungszeichen) in das Lupensymbol / Suchfeld ein, es werden 3 Versionen des "Club"-Symbols für Webseiten angezeigt.

Für die CSS-Pseudo-Verwendung lautet die Syntax
selector-name::before {
content: ‘\02663’;
}