シンボル系フォントを表示する方法

こんなことでハマってしまったので、メモっておく。

シンボル系フォントの一部を表示できない

Webdings や Wingdings などのシンボル系フォントで0x21～0xffを表示する html を書いてみたら、0x80～0xa0, 0xadが表示されない。

解決策

0xf021～0xf0ffを表示させると、欲しいマークを表示することができる。

for (var code = 0x21; code <= 0xff; ++ code) {
  ch = String.fromCharCode(0xf000 + code); // 0xf000 を足すのがミソ
}

こんなことで何時間使ったんだろ…。 無知だとすんごい時間を無駄にするとシミジミ実感。