descent-override

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

descent-override は CSS の @font-face アットルールの記述子で、フォントのディセンダーの寸法を定義します。ディセンダーの寸法は CSS がインライン整形コンテキストで行ボックスをレイアウトするために使用するベースラインの下の高さです。

構文

css
descent-override: normal;
descent-override: 90%;

normal

既定値です。使用すると、寸法をフォントファイルから取得します。

<percentage>

<percentage> の値です。

公式定義

関連するアット規則@font-face
初期値normal
パーセント値指定通り
計算値指定通り

形式文法

descent-override = 
normal |
<percentage [0,∞]>

代替フォントの寸法を上書き

descent-override プロパティは、代替フォントの寸法を第一のウェブフォントのものにより一致するように寸法を上書きするのに役立ちます。

css
@font-face {
  font-family: web-font;
  src: url("https://example.com/font.woff");
}

@font-face {
  font-family: local-font;
  src: local(Local Font);
  descent-override: 125%;
}

仕様書

Specification
CSS Fonts Module Level 4
# font-metrics-override-desc

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
descent-override

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

関連情報