矢印→をCSSを使用して右下矢印↘にする方法

矢印→をCSSを使用して右下矢印↘にする方法

↘は機種依存文字

波動拳コマンド↓↘→+Pを記述しようとしたのだが↘は機種依存文字のためきれいに表示されないようだ。一応どのブラウザでも表示自体は可能なため大きな問題はないが見た目が悪い。

しかもiOSのタイトルバーやTwitterのWebページでは右下矢印のアイコンとして表示されてしまう。

transform: rotate(-45deg)を使用

そこで↓をtransform: rotate(-45deg)を使用して↘にできるのではないかと試したところうまくいった。ただしこの方法はIE8以下では使用できないため注意が必要だ。

カテゴリーcss