私のCSSは、利用可能なフォントに応じてカスケードするfont-familyを定義しました:
.myfont {
text-transform: uppercase;
font-family: Calibri, Arial, sans-serif;
padding: 2em;
background-color: red;
}
また、レンダリングされるフォントに応じて、パディングを調整して、すべて大文字のテキストを<sarcasm>
美しい</sarcasm>
赤い背景の中央に配置したいと考えています。それに応じて下部のパディングを調整できるように、フォントディセンダーのサイズを計算する良い方法はありますか?
アセンダーの高さ、キャップの高さ、およびx-heightも計算するソリューションのボーナス ポイント。
前もって感謝します!