错误？与chrome中的自定义字体对齐

Question

这是一个奇怪的“错误”，我总是无法重现它，但在小提琴测试案例中似乎更经常失败。这只能在chrome / windows中显示，我至少无法在IE中重现它，有人确认它不会发生在chrome / Linux中。

小提琴： http://jsfiddle.net/u25zr/2/

正如您所看到的，文本并未在语言上对齐。

一个奇怪的事情：如果你右键点击文本，点击“检查工具”并再次取消/勾选font-family属性，它会神奇地修复。

我附上了一张图片，以便您可以看到应该发生的事情：

由于我使用了jsfiddle链接，我还需要添加一个代码块，所以生病只需添加标记，这完全没有关系...

<div class="recipe">
    <div class="recipe-top">
        <div class="category"><a href="#">Text</a></div>
        <h2><a href="#" title="">Test Recipe 1</a></h2>
        <div class="date">12 Jan 2013</div>
    </div>
</div>

编辑：将SVG字体移至底部，以便Chrome使用woff代替svg修复问题。所以它看起来像SVG渲染中的问题。

Answer 1

好吧，经过一些浪费时间后，这似乎是一个（另一个）铬虫。

https://code.google.com/p/chromium/issues/detail?id=95102

我也在这里找到了解决方案：

Chrome svg-Font-Rendering breaks Layout

哪个好，但不验证CSS。无论如何我们无能为力。