Droid Serif字體上的鋸齒形邊緣僅適用於Mac OSX上的Chrome

我在Droid Serif（Bold-italic）中如何在OSX上的Chrome中顯示一個相當奇怪的問題。基本上，如果字體出現在摺疊上方，它將顯示鋸齒狀。突出顯示後，平滑。這發生在所有OSX版Chrome上的Droid Serif字體頁面上。看看下面的網址：Droid Serif字體上的鋸齒形邊緣僅適用於Mac OSX上的Chrome

http://adamjohnsondesign.com/contact/

世界到底是怎麼回事？有什麼建議麼？看到下面的圖片。

強調了與半光滑和半鋸齒狀：http://i.min.us/inK36.png

來源

2011-05-18 Adam Johnson

我覺得您遇到是在Chrome的Mac OS X上較新的（最近）版本

例如，我看到一個@font-face錯誤您使用Chrome 11和Chrome 12時，說明在Mac OS X上的鋸齒邊緣

當我Chrome 9 on Mac OS X（9.0.597.44）或Chrome 10 on Mac OS X（10.0.648.204）查看您的網頁我看到光滑，抗鋸齒Droid Serif字體如預期。

由於沒有其他的瀏覽器似乎出現此問題，這使我相信它在Chrome中的字體錯誤在OS X

此外，如果您使用的Droid Serif字體選擇（高亮）文本或向下滾動該頁面，瀏覽器重繪字體的平滑邊緣—這進一步證實了車的行爲。

來源

2011-05-18 03:15:56 rjb

再次想到，也許這不是Chrome中的錯誤，而是與您網站上的其他資源發生衝突。如果您下載由FontSquirrel生成的[Droid Serif字體套件]（http://www.mediafire.com/?io9nqet38b8wdp0），即使在Chrome 11+中，您也會看到Droid Serif Bold Italic呈現平穩。 – rjb 2011-05-18 03:24:05

我很確定我曾嘗試過一段時間，但我會再次嘗試。我想我也嘗試過在OSX的Chrome瀏覽器上通過谷歌字體目錄查看Droid Serif，它看起來很好 - 這讓我相信這將是一個資產問題（吞噬！）。我會及時向大家發佈。歡迎提供更多建議，並提前感謝您的幫助。 – 2011-05-18 03:52:54

使用原生的'@ font-face'規則比您想象的要容易。 FontSquirrel的字體套件已經爲您做了所有事情 - 只需將CSS複製並粘貼到您的樣式表中並上傳字體即可。確保字體是從與您的網站相同的域中提供的，因此您不會遇到跨域來源策略。然後，您可以刪除對Google Fonts API JavaScript的所有依賴。 – rjb 2011-05-18 04:26:05

爲了跟進這個問題，我發現這個問題與我在該網站使用的CMS內使用的自定義模板有關。其他用戶也報告過類似的問題，各種@ font-face字體。通過不使用特定的自定義模板，問題完全消失（幾乎）。

有關主題的更多信息，請查看本主題：

http://www.concrete5.org/community/forums/customizing_c5/interrresting-just-figured-out-c5and039s-auto-nav-block-interfer/#54983

作爲一個說明，回答正確標註在該線程提供了不同的解決問題的辦法;然而，這不是我的網站的解決方案（我已經這樣做了）。

感謝大家的幫助！

來源

2011-09-22 04:03:31

Droid Serif字體上的鋸齒形邊緣僅適用於Mac OSX上的Chrome

回答

相關問題