2014-02-10 41 views
0

我沒有設法找到解決方案來解決這個問題。我已經嘗試過涉及這些CSS屬性的類似帖子"Safari rendering page fonts thinner with jQuery slider on page"中提供的解決方案:-webkit-font-smoothing: antialiased-webkit-backface-visibility: visible/-webkit-backface-visibility: hidden使用jQuery Slider Revolution(WP插件版本)在Webkit中進行字體渲染/平滑處理問題

這是一個Safari瀏覽器(Webkit)的唯一問題,發生在本網站的每個頁面上:http://dev.gaudissard.com,僅在標題部分。

定位在Slider Revolution上方的所有文本(導航,下拉菜單,按鈕)都很好,並顯示其常規重量......直到滑塊旋轉開始,變薄字體顯示(有點在字體重量/平滑)。

從我看過的文章看來,它是由於CSS3動畫在下面的圖層(z-index)中發生而導致的字體平滑問題。

即使(高級)插件支持團隊沒有回答我的問題,一些幫助真的會被讚賞。謝謝:)

回答

2

問題解決!而不是-webkit-font-smoothing: antialiased我使用-webkit-font-smoothing: subpixel-antialiased(不在<html>元素,但只在需要的地方),它使標題中使用的字體看起來更厚,更好。