::first-letterで文字サイズを大きくすると、Safariでは後続の文字の位置が上にそろってしまう

::first-letterを使ったとき、下図のようにChromeに1行目と2行目の間に空間が普通より大きくなって、Safariには1行目の文字が上がりました：

line-heightの設定は変えませんでした。

こちらの例をSafariブラウザーで開いてください。

table{
    font-family:"Century Gothic", Arial, "Hiragino Kaku Gothic Pro",  Meiryo, sans-serif; 
 
}

tr{}

td{
 height:246px;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 10px;
 text-align: left;
 vertical-align: top;
 font-size: 16px;
 position: relative;
}

td::first-letter{
  font-size: 24px;
  font-weight: bold;
}

<table>
<tr>
  <td>
    魚とはウエブデザインにおいてただ空いている空間を本文で満たすための内容だ。ただし本文の有意義さにはこだわりがない。
  </td>
</tr>

</table>