注目★★★★★Lobsters
↓は↑の逆さではない—Unicode フォントフォールバックの落とし穴
30秒で把握
- 1macOS の Lucida Grande が上矢印(U+21E7)のみ実装・下矢印は別フォント自動切り替え
- 2Big5 エンコーディングのレガシーが上矢印に遺存・矢印セット全体の見直しがされず
- 3CSS トランスフォームで上矢印反転・プラットフォーム非依存の統一表示が可能
要約
macOS の Lucida Grande フォントで下矢印(⇩)と上矢印(⇧)の見た目が異なる謎を、著者が Unicode 標準と実装の乖離から解明した。Unicode 標準では両者は同じ寸法で定義されているが、Lucida Grande は Big5 エンコーディングで上矢印のみを実装し、下矢印は STIXGeneral フォントへフォールバックしていた。Apple フォント開発者の Ken Lunde によると、これは Traditional Chinese フォントの Big5 対応が遺産化し、矢印セット設計時に再検討されなかったためと判明した。プラットフォーム非依存の解法として、上矢印の CSS トランスフォーム反転で統一表示する方法が有効。
あなたへの影響
Web 制作やアプリ UI で矢印・記号が環境によって崩れて見える場合、フォントフォールバックチェーンと言語レガシー(Big5・Shift-JIS など)が原因の可能性がある。
推奨:絵文字や Unicode 記号を多用する際は、複数環境での表示確認と CSS トランスフォーム活用が実装トラブル削減につながる。