02 / Typography -- 実測値
タイポグラフィ階層
キャンペーン
108px / 600 / line-height: 115.56px (x1.07) / letter-spacing: 2.16px (0.02em) / palt: なしHero Display (最大)
ヒーローキャッチ
64px / 600 / line-height: 67.2px (x1.05) / letter-spacing: normal / palt: なしHero Display (大)
サブヒーロー見出し
53px / 600 / line-height: 55.65px (x1.05) / letter-spacing: -0.53px / palt: なしHero Display (中)
セクション見出し
40px / 600 / line-height: 44px (x1.10) / letter-spacing: normal / palt: なしSection Heading (h3)
サブタイトル説明文(大)
28px / 400 / line-height: 32px (x1.14) / letter-spacing: 0.196px / palt: なしSubtitle
サブタイトル説明文(小)
21px / 400 / line-height: 26px (x1.24) / letter-spacing: 0.231px / palt: なしSubtitle (small)
本文テキスト — Apple は基本的に負の letter-spacing を使います。文字を詰める方向が特徴で、読みやすさと密度を両立しています。font-feature-settings は normal で、palt は使用しません。
17px / 400 / line-height: 25px (x1.47) / letter-spacing: -0.357px / palt: なしBody
キャプション — 価格表示等(14px)
14px / 400 / line-height: 20.6px (x1.47) / letter-spacing: normalCaption
グローバルナビリンク(12px)
12px / 400 / line-height: 12px (x1.0) / letter-spacing: normalNav Link
英語版との差分: 英語版では SF Pro Display / SF Pro Text がフォントスタックの先頭に配置されるが、日本語版 (apple.com/jp) では SF Pro JP がすべてのスタックの先頭に追加されている。これは日本語グリフの表示品質を最優先するための措置。また、和文フォールバックとして「ヒラギノ角ゴ Pro」(ProN ではない) が指定されている点も特徴的。