Google字體會在Chrome中被剪裁

Question

我在我的一個網站上使用google字體“Bubbler one”，它只是在Chrome下顯示了一半。 它在FF和IE中運行良好。 在我直接從谷歌頁面測試Chrome中的字體之前，我一直在尋找解決方案：

起泡一個

在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';

希望這對你們中的一些人有所幫助，這也適用於其他谷歌字體。