Firefox上的CSS字体渲染问题

Question

我使用icomoon生成了这个自定义字体。 问题是：当我在Firefox（27.0.1）上使用它时，它将它减少一半，你可以在这里看到： http://i.imgur.com/GWzLMfq.png （你可以看到上面的一个完美，但主要的一个不。）。

现在是最奇怪的部分：我开始做其他的事情，并且从jQuery到它的兄弟元素有这个调用“fadeOut”函数。然后，当它消失时，它修复了字体！当淡入淡出结束时，它“解除”它。我尝试检查jQuery的fadeOut实现，但无法理解。

这是一个模拟它的jsfiddle： http://jsfiddle.net/nU7Pj/

<div id="wrap">
    <span class="icon-wee"></span>
</div>
<a href="#" id="click">Click to fade</a>

$(document).ready(function() {       
    $('#click').on('click', function(e) {
       e.preventDefault();
        $('#wrap').fadeOut(2000, function() {
            $(this).show();   
        });
    });
});

只需在Firefox上打开它，然后点击锚点即可。

为什么会发生这种情况以及如何解决？