2013年10月5日土曜日

iOS 7 の隠しフォント, ヒラギノ角ゴ W1/W2 を CSS で指定する(追記:Yosemite でも可)

論より証拠,というわけでまずは iOS 7 を搭載した iPhone/iPad/iPod touch で下記の文字列をご覧くださいませ.

※ 2014 年 10 月 24 日追記:OS X Yosemite でも表示されるようになりました.



ヒラギノ角ゴ W1
ヒラギノ角ゴ W2
ヒラギノ角ゴ W3
ヒラギノ角ゴ W6


※ ヒラギノ角ゴ W3/W6 は iOS 6 以前から存在するフォントですが,比較のために用意しました.

iOS 7 端末をもってないという方は以下にスクリーンショットを用意しましたのでご覧くださいませ.









CSS での指定方法は

  • ヒラギノ角ゴ W1
font-family: ".HiraKakuInterface-W1";
  • ヒラギノ角ゴ W2
font-family: ".HiraKakuInterface-W2";

以上です.クォーテーション("")と先頭のピリオド(.)が肝心ですので記入漏れに注意してお試しくださいませ.
なお筆者は iOS 7.0.2 の環境でヒラギノ角ゴ W1/W2 が適用されることを確認しましたが,今後のバージョンアップ次第では突然利用不可になることがあるかもしれません.あしからずご了承ください.


参考:ビギナーズラック 「iOS7」の棚 おまけ(iOS7のフォントについて) さま