Mac/iOS Safariでバックスラッシュを円記号として表示する方法 - teppeis blog

Unicodeではバックスラッシュ*1と定義されているU+005Cだが、歴史的な背景によりMS系日本語フォントでは円記号が割り当てられているのはよく知られた話。 ところがMac/iOSに載っているヒラギノ角ゴシック等ではU+005Cはバックスラッシュとして表示されるし、キーボードの右上の円記号キーを打つとU+005CではなくU+00A5 Yen Signが入力される*2。 それぞれのシステム内で閉じてれば一貫性が保たれるのだけど、Windowsで円記号を意図して入力したU+005Cが、Mac/iOSではバックスラッシュとして表示されてしまう。企業で使われるWebシステムの場合、Windows PCとiPhone/iPadってメジャーな組み合わせだし、円記号が化けるってのは日本企業ではわりと見過ごせない問題だったりする。 実はSafariではこのバックスラッシュ円記号問題への特別対応コードが

[teppeis]

Safariの謎挙動をソースで確認しました。

[rna]

Safariにはfont-familyにMS系フォントが先行指定されていると0x5cを円記号で表示する処理が入っているとのこと。

[tarchan]

＞クライアントのMacやiOSにメイリオがインストールされていなくても、以下のように先行してメイリオを指定することでSafariでは5CがA5（円記号）に置換して表示される。

[hakobe932]

へー

[k3akinori]

またMacか。旧いIEかよってくらい面倒が多いな。

[otchy210]

unicode-range 知らんかった。アイコン風の Unicode 文字を交ぜ書きするときにすごい使えそう。

[t-wada]

この挙動はなかなかの罠だな……

[at_yasu]

ほー、こんなのがあるのか

[efcl]

円記号とバックスラッシュとunicode-range