游ゴシック体を指定すると、フォントの下側に余白ができて高さがずれる

Windows10には游ゴシック体がインストールされているし、今後シェアも増えるだろうから、「ＭＳ Ｐゴシック」を指定するよりいいだろう、という安直な理由で「游ゴシック体」をfont-familyに指定したら、下側に大きめの余白がでました。

直そうとしましたが、hタグからpタグまで影響反映が全ページにわたり、せっかく画像と高さの位置を揃えてまで作ったので、全部hackしなおすと大変手間です。

他に解決策はないのかと探したけど、太字にするだの、メイリオをインストールするだの関係ない記事ばかりで、全然見つからない。。。

問題自体は結構前からあるようです。

結局あきらめて、「ＭＳ Ｐゴシック」でいくしかありませんでした。Windows10にメイリオをインストールしていないユーザーもいますしね。WebフォントのNoto Sans を使う方法も考えましたが、スマホだとかなり重くなるし、どうしようかな。。。

fotn-sizeが21px以上になるとアンチエイリアスがかかるようだけど、本文テキストでそんなおおきなサイズは使わないし困った。