html - 文字の上部とフォントの下部のベースラインを一致させます

Question

フォントのベースラインと文字の上部に境界線を一致させる信頼できる方法を知っていますか?

これを正確に説明する言葉が不足しているため、非常に明確であるかどうかはわかりません。そのため、例を次に示します: http://codepen.io/anon/pen/zwjLf。これは、最適な値が見つかるまで line-height プロパティをいじって達成できたものです。

line-height: 0.7em;

しかし、それはあまりクリーンで信頼できる方法ではないと思います。