icon font字體圖標十分好用,就連bootstrap框架在最新的3.0版本也默認使用了。不過我們在使用過程中發現了一些問題,比如在Safari瀏覽器和Chrome瀏覽器下字體圖標被加粗了等等,下面就提供一些解決辦法:
1、在chrome瀏覽器下被加粗的解決辦法
有些icon font字體圖標可能在制作的過程中出現了半個像素的問題,在瀏覽器下就被顯示稱為一個像素,造成了加粗的現象。解決這個問題的辦法就是使用-webkit-font-smoothing屬性。
CSS代碼為:.iconfont{-webkit-font-smoothing: antialiased;}
2、在chrome瀏覽器下放大出現鋸齒的解決辦法
CSS代碼為:.iconfont{-webkit-text-stroke-width: 0.2px;}