はじめに
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の場合)
和文 | 欧文 | |||||
---|---|---|---|---|---|---|
フォント名 | ポイント数 | トラッキング | フォント名 | ポイント数 | トラッキング | |
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を選ぼうとすると存在しないの何故だろう。フォントファイル追加すれば選べるけど。