Limited support 注意が必要。一部のブラウザのみ対応。プロダクション利用は慎重に判断すること。

font-synthesis-position

Experimental: これは実験的な機能です。

本番で使用する前にブラウザー互換性一覧表をチェックしてください。

font-synthesis-position は CSS のプロパティで、下付き文字と上付き文字の「位置」の書体がフォントファミリーになく、 font-variant-position を使用して位置を設定する場合に、ブラウザーが合成するかどうかを指定することができます。

font-synthesis-position プロパティは <sup> および <sub> 要素を使用しているときには効果がありません。

すべての書体合成値を制御するために、多くの場合は一括指定プロパティ font-synthesis を使用した方が便利です。

合成制御上付き下付き文字

対応ブラウザ

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

CSS

.precise-math {
  font-synthesis-position: none;
  font-variant-position: sub;
}
sup {
  font-synthesis-position: auto;
}

CSS composite none(none) demo.

CSS composite with(auto) demo.

CSS comparison demo.