CSS
font
font-feature-settings

游明朝のカーニング設定がうまくいかない話

游明朝とカーニング設定(font-feature-settings)を組み合わせた時、
うまくいかないことがあったので調べてみた。

  • 游明朝は「Normal」「Bold」「Light」を使用(MacはLightなし)
  • font-feature-settingsは「pkna」と「palt」を使用

調査

See the Pen YuMincho Kerning Setting by T_Y (@ymnk) on CodePen.

結果

Mac (10.12.6)

■ Chrome(64)、Safari(11)、Firefox(58)

Boldとpknaを組み合わせると、カーニングが無効。

Windows(10)

■ IE11

Boldとpaltを組み合わせると、カーニングが無効。
Normalとpaltを組み合わせると、カーニングが無効。
(Lightは問題なし)

■ Edge(16)、Chrome、Firefox

問題なし。

おまけ

カーニングを含むOpenTypeの説明は、Adobeのサイトが詳しい。
https://helpx.adobe.com/jp/typekit/using/open-type-syntax.html