Safari 中的 SVG 文本显示问题

Question

我有一个 SVG 图像，我试图在 HTML 页面中显示它。当它在 Safari 中显示时，文本彼此重叠，如下所示：

当我在 Chrome 中显示这个 svg 时，文本看起来更好。您可以看到“一个中心”文本没有重叠。

这 4 行的 SVG 代码如下：

这是标记：

<svg:g xmlns:svg="http://www.w3.org/2000/svg" transform="">
<svg:text transform=" scale(1, -1)" xml:space="preserve">
    <svg:tspan font-family="Helvetica" font-size="8px" y="-712.4" x="22.7 24.924 30.724 35.628 42.732 47.18 51.628 56.076 58.724 60.948 66.748 71.196 76.1 78.3 82.748 84.972 90.772 95.676 102.78 109.884 114.788 119.692 121.892 126.34 130.788 133.436 135.636 140.54 145.444 149.892" font-weight="bold" fill="rgb(0,0,0)">
        ABC DEF JHK
    </svg:tspan>
</svg:text>

<svg:g xmlns:svg="http://www.w3.org/2000/svg" transform="">
<svg:text transform=" scale(1, -1)" xml:space="preserve">
    <svg:tspan font-family="Helvetica" font-size="8px" y="-712.4" x="152 158.648 163.096 168 172.448 177.352 181.8 188.904 193.352 198.256 200.904 203.128 208.032 212.936" font-weight="bold" fill="rgb(0,0,0)">
        Management LLC
    </svg:tspan>
</svg:text>

<svg:g xmlns:svg="http://www.w3.org/2000/svg" transform="">
<svg:text transform=" scale(1, -1)" xml:space="preserve">
    <svg:tspan font-family="Helvetica" font-size="8px" y="-703.4" x="22.7 24.924 31.124 36.028 40.476 42.7 48.5 53.404 60.508 64.956 69.404 73.852 76.5 78.724 84.524 88.972 93.876 96.524 100.972" font-weight="bold" fill="rgb(0,0,0)"> 
        One Center
    </svg:tspan>
</svg:text>

与 Chrome 相比，为什么 Safari 会呈现糟糕的效果，以及是否可以采取任何措施来纠正这个问题？