LoginSignup
107
66

More than 5 years have passed since last update.

【iOS】System Fontの和文(日本語)について

Last updated at Posted at 2019-04-21

はじめに

iOSの標準フォントはSystem Fontで、具体的にはSF(San Francisco)である。サイズによって、SF Pro TextとSF Pro Displayが置き換わり、またトラッキングの値も変わる。この辺は、さすがApple、細かいこだわりを感じる。
詳細はHuman Interface GuidelinesのTypographyに記載されているのだけど、それは欧文についてだけだ。SF Fontには、当然ながら和文はない。では、XcodeでSystem Fontを設定した場合の和文フォントの正体は何なのか。iOSの日本語標準フォントはヒラギノ角ゴ ProNということは知っているが、よく見るとSystem Fontを選んだときの欧文はヒラギノには見えないし、Xcodeで選べるSystem Fontのウェイトは9種類(Ultra Light、Thin、Light、Regular、Medium、Semibold、Bold、Heavy、Black)であるのに対し、ヒラギノ角ゴ ProNには2種類(W3とW6)しかない。釈然としないので、検証して確認することにした。

検証

方法

  • XcodeのStoryboardでLabelを配置する。
  • フォントはSystem Fontを選ぶ。
  • ポイント数は17pt
  • それをウェイトの種類だけ配置する。
  • Simulaterで実行し、スクリーンショットを撮る。
  • スクリーンショットをIllustratorに貼り付け、フォントを重ね合わせて検証。

結果(System Font 17ptの場合)

System-Fonts.png

和文 欧文
フォント名 ポイント数 トラッキング フォント名 ポイント数 トラッキング
Ultra Light ヒラギノ角ゴ ProN W3 16 -24 SF Pro Text Light 17 -24
Thin ヒラギノ角ゴ ProN W3 16 -24 SF Pro Text Light 17 -24
Light ヒラギノ角ゴ ProN W3 16 -24 SF Pro Text Light 17 -24
Regular ヒラギノ角ゴ ProN W3 16 -24 SF Pro Text Regular 17 -24
Medium ヒラギノ角ゴ ProN W6 16 -14 SF Pro Text Medium 17 -24
Semibold ヒラギノ角ゴ ProN W6 16 -14 SF Pro Text Semibold 17 -24
Bold ヒラギノ角ゴ ProN W6 16 -14 SF Pro Text Bold 17 -24
Heavy ヒラギノ角ゴ ProN W6 16 -14 SF Pro Text Heavy 17 -24
Black ヒラギノ角ゴ ProN W6 16 -14 SF Pro Text Heavy 17 -24

欧文について

ほぼHIG(Human Interface Guidelines)の記載通り。System Fontは17ptの場合、SF Pro Text(20pt以上はSF Pro Display)が使用され、トラッキングは-24pt。System FontとSFのウェイトの対応関係にについてはHIGで触れられていないが、System FontにあってSFにないウェイトについては置き換えられている(欧文のフォント名カラムの太字箇所、Ultra Light/Thin/Black)。

和文(日本語)について

やはりヒラギノ角ゴ ProNが使用されている。

フォント

前述の通り、ヒラギノ角ゴ ProNには2種類しかないので、System Fontも実質的には2種類。

サイズ

System Font 17ptの設定に対して16pt欧文より1pt下げたサイズになっている
※17pt以外では、1ptの差でない可能性はある。

トラッキング

ヒラギノ角ゴ ProN W3については欧文と同じだが、ヒラギノ角ゴ ProN W6は10ptほどトラッキング緩められている(Illustorator上で目分量で重ねているので多少違うかもしれません)。

何か誤解があったら、ご指摘お願いします。
もしくは、いちいちそんなことしなくてもココに情報あるとか知っていたら、是非教えてください

その他

グラフィック出身なので、日本語フォントよりも和文フォントというほうがしっくりくる。
Xcode, System Fontの実体がSFなのに、CustomでSFを選ぼうとすると存在しないの何故だろう。フォントファイル追加すれば選べるけど。

107
66
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
107
66