Asayomu Tech
注目★★★★★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 トランスフォーム活用が実装トラブル削減につながる。

詳細を読む → 元記事へ※ 本文は元記事をご確認ください (asayomu は要約のみ提供)

関連する記事

※ 外部記事の権利は原著作者に帰属します。著作権削除要請は copyright@asayomu.jp までご連絡ください(受領確認 24h・実処理 72h 以内)。