androidのchromeで下記の様にフォントサイズ12px以下だとline-heightがおかしくなる。
<div style="background-color: #333333; color: #ffffff; font-size: 10px; line-height: 30px; text-align: center;"> ほげほげほげほげほげほげほげほげほげ </div>
<div style="background-color: #333333; color: #ffffff; font-size: 12px; line-height: 30px; text-align: center;"> ほげほげほげほげほげほげほげほげほげ </div>
背景とかつけるとかなり狂っているのが確認できました。
そもそも小さく作るのはよろしくないんだな。。。
androidのchrome限定なのでshareは低いかもしれませんが。