Q. Noto Sansの場合、下にずれたように見える

Line-height が normal である場合#

インライン整形コンテキストの大きさは、文字のベースラインよりも上の大きさ Ascent metric、文字のベースラインよりも下の大きさ Descent metric、行間の大きさ Line gap metric によって決定される。

1
line-height= ascent metric + descent metric + line gap metric

これらの値は、フォントによっては好ましい値が指定されている場合がある。

また Line gap metric は Leading として利用され、Descent metric と Ascent metric の上下に Leading / 2 の値が付与される。

text-box-edge(text-edge)プロパティなどがサポートされたら、Leading の挙動は変更できるが、現状草案の段階であり、ほとんどの環境で利用できないため、実質 Line gap metric は常に分割して付与されることになる。

CSS Inline Layout Module Level 3 （日本語訳）

line-height をそれ以外の値にした場合#

line-height が指定の値になるように、leading を削って調整される。

Descent metric と Ascent metric の和よりも小さな値が指定された場合は、特に書かれていないが、Chrome では両側から均等に削られているように見える。