Html 谷歌字体是在Chrome中剪裁的

我在我的一个网站上使用谷歌字体“Bubbler one”，它在Chrome下显示为半行。它在FF和IE中运行良好。 我一直在绞尽脑汁寻找解决方案，直到我直接从谷歌页面在Chrome中测试字体本身：

在Chrome下，它仅显示为半行

---

您知道是什么导致了该问题以及如何解决它吗？

我按照以下步骤解决了该问题：

1） 从谷歌下载了这个文件

2） 继续并转换了.ttf文件

3） 在本地托管并使用以下代码：

@font-face { 
    font-family: 'bubbler_oneregular';
    src: url('../font/bubblerone-regular-webfont.eot');
    src: url('../font/bubblerone-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/bubblerone-regular-webfont.woff') format('woff'),
    url('../font/bubblerone-regular-webfont.ttf') format('truetype'),
    url('../font/bubblerone-regular-webfont.svg#bubbler_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

最后将其用于：

font-family: 'bubbler_oneregular';

---

希望这能对你们中的一些人有所帮助，这也适用于其他谷歌字体。

这里我也一样。看起来像个已知的虫子。你通读了吗？你能给我们一把小提琴吗？不值得，这和谷歌网站上的问题完全一样。与webkit无关，我刚刚检查了我的iPhone。同样的问题也发生在Opera中，可能是webkit+windows？