Question

我在我的一个网站上使用谷歌字体“冒泡一号”，它只是在Chrome下显示了一半。它在FF和IE中运行良好。在我直接从谷歌页面测试Chrome中的字体本身之前，我一直在寻找解决方案：

Bubbler one

在Chrome下，它只显示在半个行中。

您是否知道导致该问题的原因以及如何解决该问题？

Answer 1

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

1）从Google下载文件

2）继续fontsquirrel并转换了.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';

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

Google字体会在Chrome中被剪裁

1 个答案: