Browser 在Chrome和Safari中渲染路径上的文本时出现SVG字体渲染问题

我尝试在SVG中沿贝塞尔曲线路径渲染一些文本：

        <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
            <path id='menu_path' d="M 80,40 Q 200,85 245,205" stroke="none" fill="none"/>
            <text fill="white">
                <textPath xlink:href="#menu_path">News Info Presse Musik</textPath>
            </text>             
        </svg>  

新闻资讯按音乐

在Firefox中，这很好，但在Chrome和Safari中，文本看起来很难看（看看“Musik”）。即使我使用单空格字体并将文本设置为大写，它也不会改变

以下是截图：

有人知道如何避免这种情况吗

我创建了一个JSFIDLE，它显示了问题：

---

谢谢大家!

您是否已向webkit/chromium报告此错误？尚未报告。嗯，我在MacOSX上试用过，它在Chrome和safari上都能用。这个问题只存在于我的Windows 7上…我可以确认渲染在linux上看起来也很糟糕。如果只是windows，您可以尝试此操作，看看它是否有什么不同：。将其添加到：谢谢！奇怪的是，JSFIDLE示例在Chrome上运行良好，但在Mac OS X上的Firefox上看起来很糟糕。