Safari 5.1文本溢出省略号，SVG字体不起作用

Question

我有div text-overflow:ellipsis和font-family:'SomeSvgFont'。 除了Safari 5.1之外，文本环绕在所有浏览器中都可以正常工作，而不是example@gmai... div显示...。

如果字体是woff类型的话，这不会发生，但我更喜欢使用svg在webkit浏览器（包括Safari）中更好地进行字体平滑。

我已经在Windows和OS X上测试过Safari 5.1（Mac上的后期Safari版本工作正常）。

此问题是否有解决方法？

这是一个fiddle，以及完整的代码：

@font-face {
    font-family: 'AsapRegular';
    font-style: normal;
    font-weight: 400;
    src: url('url_to_my_svg_font') format('svg');
}

.wrap {
    font-family: 'AsapRegular', sans-serif;
    width: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


<div class="wrap">example@gmail.com</div>

Answer 1

Chrome窗口上也会出现此问题。我的问题通过关闭文本呈现来解决：optimizelegibility。