2012-03-22 48 views
2

Webkit瀏覽器(Safari和Chrome)保留在我的自定義字體(來自TypeKit)上的文本陰影。我不確定我能做些什麼來解決它。我一直在環顧四周,但沒有發現其他地方的類似問題。在自定義字體中使用文本陰影的Webkit瀏覽器中的問題

截圖谷歌瀏覽器
Screenshot in Chrome

在Firefox
Screenshot in Firefox (normal)

看起來很好,任何建議將是真棒。謝謝!

+0

我可以看到您的HTML/CSS代碼嗎? – vivek 2012-03-22 02:22:51

+0

沒有css和標記就無能爲力。 – Scott 2012-03-22 05:00:04

+0

在沙箱中找到它。 [http://sweetlifefestival.islsandbox.com/so/#food](http://sweetlifefestival.islsandbox.com/so/#food) – 2012-03-22 19:11:47

回答

3

這是一個問題,因爲webkit使文本節點框太小以致無法識別字體。可能是由於它的草書風格等。

將一個 添加到文本的末尾,你會看到它的作品。爲了抵消創建的額外空間,您可以使用負右邊距。如果唯一的問題是頭這應該做工精細...

margin-right: -4px; 

小提琴角落找尋與價值,直到你得到它的權利

+0

順便說一句我喜歡那些文字陰影轉換,這是一個令人驚訝的酷效果啊 – sg3s 2012-03-22 19:24:41

+0

啊,不是最優雅的解決方案,但絕對有效。我很驚訝沒有人遇到過這個問題。謝謝! – 2012-03-23 13:40:44

0

在你的style.css文件更改text-shadow屬性值設置爲5px 5px 1px #B2CA52 286線