大きなテキストの正しい垂直位置を確保します

Tobi Reifは、同じブラウザや異なるオペレーティングシステムでも、超大型フォントを備えたカスタムフォントの垂直位置は非常に異なる可能性があることを指摘しています。解決？一部のCSSプロパティは、 @font-faceブロック内でのみ有効であることをご存知ですか？それらは「記述子」と呼ばれ、 font-display一般的な例です。 ascent-override 、 descent-override 、 line-gap-overrideなど、他にもサポートされていない特性があります。 Chromeはこれらのプロパティをサポートし、この問題を解決するために使用できます。

私はこのアプローチが好きです。これにより、ローカル（ロールバック）フォントの「メトリック」を上書きして、カスタムフォントがロードされているときにテキストがほとんど移動しないように、ロードするカスタムフォントに一致します。私はFOUTが嫌いです（理論のパフォーマンスに良いことは知っています）が、テキストの代替がコンテンツに大きな変化をもたらさない場合でも、それを受け入れることができます。

以上が大きなテキストの正しい垂直位置を確保しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。