2012-09-26 48 views
2

no spacing由於某種原因,我正在使用的字體上的單詞之間的空格消失了。請參閱: http://www.fantasynews.com/ 我使用的Twitter Bootstrap略微修改爲使用Google Web字體。有問題的字體是奧斯瓦爾德提供的谷歌網絡字體: http://www.google.com/webfonts/specimen/Oswald 而且間距在我看來似乎很正常。空格消失

我不是CSS大師,但我在我的代碼中沒有觸及任何東西,應該改變顯示空間的方式。我不知道任何特別針對空間的東西。我覺得這是我忽略的一些愚蠢的錯誤,但我無能爲力。如果我查看源代碼,當我檢查元素時,空格顯然存在,以及空格顯然在那裏,以防某些javascript在玩弄詭計。

我使用的是最新版本的Chrome,儘管這也出現在Firefox中。

我應該說間距問題下最新的播放器的新聞

+0

我看到沒有問題的字體s您提供的鏈接中的步驟 – noel

+0

您使用的是哪種瀏覽器? – Macgyver

+0

Firefox 15.0.1。 – noel

回答

3

我強制將word-spacing: 0.25em添加到我的CSS中,但我還沒有100%確定將它修復到了每個瀏覽器中,不幸的是Google沒有明顯的鏈接方式到一個特定版本的字體,所以你可以確信它不會從你下面改變。

0

標題在框中專門看來我平時使用Firefox(最新)的Ubuntu 12.10。那裏一切都很美好。然而,在Chrome中,你的字體絕對是壓扁的。我個人會選擇一種更一致的不同字體。如果您想了解更多,請查看Mozilla's MDC Kerning頁面開始。

我使用字距調整的主要方法是letter-spacing屬性。

h2 { 
letter-spacing: -0.1em; 
} 

地說,這解決"kerning"是假的。這實際上影響"tracking"。兩者之間的唯一區別是字距是兩個字符與跟蹤涉及之間的關係。

+1

或者您可以鏈接到Google結果。 –

+0

嗨shakabra,我建議添加一個Kerning的例子,如果可能的話。這會讓你的回答更少地依賴鏈接,這對Stack Overflow社區更有價值,並確保你的答案仍然有價值,即使鏈接斷裂。祝你好運! :) – jmort253

0

刪除font-weight: normal;修復的間距(有被應用到這2個實例,檢查元素,你會看到他們)

編輯:這是一個糟糕的字體,你應該選擇一個又一個!它看起來很大膽,但正常版本是可怕的。

+0

很奇怪,昨天剛剛停止工作,在那之前它一直很棒。讓這是任何人通過Google Web字體使用奧斯瓦德的警告 – Macgyver

+0

它可能是谷歌昨天更新了字體。使用像這樣的字體服務的問題之一,我猜! – zenkaty

0

這裏同樣的問題,我申請另一種字體的在線網站,並尋求解決方案:(祈禱

它可能是在谷歌的服務器錯誤編碼的文件。沒有人是安全的小問題這樣的,即使那個誰在webfont服務中對錯別字進行編碼