在Chrome，Glyph中自定義CSS SVG字體具有零寬度

Question

我在Chrome中使用SVG字體。

有時候，這些字形看起來最終寬度爲零。這意味着如果我自己擁有這個角色，它的父容器的寬度就是零，所以它基本上不顯示。如果它的父母有其他的東西，它會出現在字體後面。

所以，如果我有「+」與自定義字體，因爲它似乎字形具有零寬度捲起無形。

如果我有類似

「+」Cookie

，我看到Cookie，並且+是自定義字體，並在單詞「Cookie」後面。

我不確定它是否是特定於Chrome的問題，某個.svg字體特定的問題或什麼。奇怪的是，它有時只發生。偶爾它會從刷新開始，然後堅持幾次刷新。最終它會消失（通常在清除緩存時）。

這似乎並沒有被損壞的文件下載，因爲相關比較的作品，當它不也是一樣......雖然我不準備排除任何響應的內容長度。

謝謝。

Answer 1

顯然，這是在鍍鉻的當前版本中的錯誤：http://code.google.com/p/chromium/issues/detail?id=95102

根據的是，它應固定在Chrome版本24（下一個）。

我們有一個eot，svg，woff和ttf的字體堆棧。爲了「解決」這個問題，我們已經將woff提高到了svg以上，所以用來代替。這似乎解決了這個問題。