FontFace: ascentOverride プロパティ
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
ascentOverride は FontFace インターフェイスのプロパティで、フォントの ascent メトリック、つまり CSS がインライン整形コンテキストで行ボックスをレイアウトするために使用するベースラインからの高さを返したり設定したりします。
このプロパティは @font-face の ascent-override 記述子と等価です。
値
文字列です。使用可能な値は、使用するメトリクスをフォントファイルから取得することを示す normal か、パーセント値です。
このプロパティは ascent-override 記述子と同じ値を受け入れます。
例
js
let fontFace = new FontFace(
"Roboto",
"url(https://fonts.example.com/roboto.woff2)",
{ ascentOverride: "90%" },
);
console.log(fontFace.ascentOverride); // 90%
fontFace.ascentOverride = "normal";
console.log(fontFace.ascentOverride); // 'normal'
仕様書
| 仕様書 |
|---|
| CSS Font Loading Module Level 3 # dom-fontfacedescriptors-ascentoverride |