css line-heightとfont-sizeの関係

cssのline-heightプロパティは、行の高さを指定する際に使用します。
このときの、行の高さとフォントサイズの関係は次のようになります。

例えばline-heightが24pxでfont-sizeが16pxの場合、 24px(行の高さ)から16px(フォントサイズ)を引いた残りの8pxが、行間として上下均等に4pxずつ割り振られます。
また、例えばline-heightが10pxでfont-sizeが14pxなど、行の高さがフォントサイズより小さな値の場合には、 行が重なって表示されます。

詳細はここを参照してください。