css - CSSの「text-indent」プロパティを設定して同等にする方法はありますが、フォントに基づいていますか?

Question

私を逃れる何らかの理由で、「text-indent」の値はピクセル数です。しかし、異なるフォントは異なるレベルのインデントを必要とします。フォントを変更するたびに正しいインデントを設定することを忘れないようにしたいと思います。

text-indent: "mmm";

「現在のフォントでこのテキストに相当するピクセルを追加する」ことを意味します。次に、テキストインデントはすべてのフォントで同じになります。その効果を達成する CSS には何かありますか?

Answer 1

emの代わりに使用できますpx。

text-indent: 10em;

em と ex の単位はフォントによって異なり、ドキュメント内の要素ごとに異なる場合があります。emは単にフォントサイズです。したがって、2in フォントの要素では、1em は 2in を意味します。マージンやパディングなどのサイズを em で表現することは、それらがフォント サイズに関連していることを意味し、ユーザーが大きなフォント (たとえば、大きな画面上) または小さなフォント (たとえば、ハンドヘルド デバイス上) を使用している場合、サイズは比例します。「text-indent: 1.5em」や「margin: 1em」などの宣言は、CSS では非常に一般的です。

参考：w3.org