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

Question

我尝试在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”）。即使我使用等宽字体并将文本设置为大写，它也不会改变。

这里有截图：

• http://imageshack.us/a/img18/3195/svgrendering.png
• http://imageshack.us/a/img705/7334/svgrenderingwithpath.png

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

我创建了一个显示问题的jsfiddle：

http://jsfiddle.net/v6esx/

谢谢！