2013/10/16

iOS7のフォントはヒラギノ角ゴシックW1とW2

iOS7になってフラットデザインに変わりましたが、フォントもそのデザインに合わせて変更されています。とっいってもフォント自体は「ヒラギノ角ゴシック」で変わっていません。iOS6.1まではW3とW6(太さを表す)という2つが使われていました。iOS7から新しくW1とW2という細いデザインのものが追加され、フラットデザインに最適なようにこちらが使われています。 (訂正:20131015, W1とW2が追加されたと思っていました。しかし、ちょと気になってiOSのシステムフォントをテストアプリを作って取り出してみたところ、W1とW2フォントは見つけれませんでした。。。なので、W3とW6しか使っていないのかな?ちなみにヒラギノ明朝W3とW6はありますが。引き続き確認します。これに関して情報お持ちの方はご連絡頂けると助かります。一番下にテストアプリの結果一部掲載しました。)
再訂正:20131025, W1とW2はプログラムからでも使うことが出来ました!こちらの記事を参照してください。

アプリのタイトル部分はW6だと思います。




■フォント確認テストアプリデバッグログ(追記:20131005)

1
2
3
4
5
6
Family name: Hiragino Kaku Gothic ProN
    Font name: HiraKakuProN-W6
    Font name: HiraKakuProN-W3
Family name: Hiragino Mincho ProN
    Font name: HiraMinProN-W6
    Font name: HiraMinProN-W3

http://www.bokechans.sakura.ne.jp/ios7/appendix/font_ios7.html
http://nobon.me/?p=13238
http://iphone-dev.g.hatena.ne.jp/tokorom/20090912/1252769688
http://blog.mohammadkalim.com/2012/10/list-of-fonts-available-font-for-iphone-and-ipad-using-objective-c-and-xcode/
http://niji-nami.hateblo.jp/entry/2012/09/13/181331

2 件のコメント:

  1. CSS では
    font-family: ".HiraKakuInterface-W1";
    font-family: ".HiraKakuInterface-W2";
    を指定することでヒラギノ角ゴ W1/W2 が利用可能でした(iOS 7.0.2)

    http://keagelog.blogspot.jp/2013/10/ios-7-w1w2-css.html

    返信削除
  2. おーそうですか。いい情報ありがとうございます。実はHiraKakuInterface-W1とW2を自分でも試したのですが、アプリに反映されなかったので、ダメなのだと思っていました。よく見ると。。。「.(ピリオド)」が抜けてました。。。また試してみます。ありがとうございます。

    返信削除