CSS のフォント サイズは本当にアセンダーからディセンダーまでを測定しますか?

CSS でのフォント サイズの測定について: 神話と現実

CSS では、フォント サイズ プロパティを設定すると、実際の高さに関するクエリが発生します。伝統的な通念では、これはアセンダーからディセンダーまでの高さに対応すると示唆されていますが、このトピックを解明するにはさらに深く掘り下げることが重要です。

歴史的ルーツ

元々、タイポグラフィーの「em」単位はブロックを表していました。各大文字、特に M を彫刻するために割り当てられたサイズ。今日のデジタル フォントにはそのような物理的な制約がないため、フォント デザイナーは自由に設定できます。

標準の定義

OpenType フォントでは、em サイズは通常 1000 単位ですが、TrueType フォントでは、通常 1024 または 2048 です。一貫性を確保するために、これをお勧めします。 EM 単位を使用してフォント スタイルを定義します。このように、フォント サイズはフォントの X 高さを指し、ベースラインと平均線の間の距離を表します。

測定単位

フォント サイズの測定にはさまざまな単位が使用されます。

• ポイント (ATA): 0.3514598 mm
• ポイント (PostScript): 0.3527777778 mm
• ピクセル (PX): 画面解像度によって異なります

神話 vs.現実

フォント サイズがアセンダーからディセンダーまでの高さを表すという誤解は、普遍的に真実ではありません。これは、フォント開発者のデザインとブラウザのレンダリング機能に大きく依存します。

たとえば、Apple の Zapfino スクリプト フォントは、当初、予想よりも大きな小文字でデザインされており、その結果、特定のポイント値での見かけのフォント サイズが大きくなります。 .

追加リソース

• [タイポグラフィの国際統一測定](https://archive.org/details/InternationalUnificationOfTypographicMeasurements/page/n11/mode/2up)
• [ポイント (タイポグラフィ)](https://en.wikipedia.org/wiki/Point_(タイポグラフィ))
• [ピクセルあたりインチ](https://en.wikipedia.org/wiki/Pixels_per_inch)
• [フォント メトリクス](https://en.wikipedia.org/wiki/Font_metrics)
• [タイポグラフィック単位](https://en.wikipedia.org/wiki/Typographic_units)

実用的探索

直接の洞察を得るには、FontForge や Fontlab Studio などのフォント開発ツールを探索することを検討してください。これらのプラットフォームは、フォント デザインの内部動作へのアクセスを提供し、フォント グリフを操作し、そのジオメトリを理解できるようにします。

以上がCSS のフォント サイズは本当にアセンダーからディセンダーまでを測定しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。