2017-04-12 227 views
0

字體在除chrome之外的其他瀏覽器上看起來失真。CSS字體平滑

起初,我有兩個谷歌Web字體附加,蒙特塞拉特和開放的無。它在Chrome瀏覽器上看起來很棒,但是當我在Firefox和safari上查看它時,montserrat字體看起來都很糟糕和扭曲,查找了一個多小時後,我發現沒有任何用處,所以爲了使其正常工作,我移除了蒙特塞拉特,並調整了打開的sans (我知道),

所以現在打開sans看起來很不錯,但只有在我增加字體的大小後,它才能提供與蒙特塞拉特相同的清晰度,我不想要! 我喜歡鍍鉻顯示的方式, 我該怎麼做,請幫忙。

enter image description here

enter image description here

enter image description here

+0

什麼你在css中使用'font-smoothing'屬性? –

+0

無。有沒有這樣的財產? –

回答

0

你的網站永遠不會看起來相同的不同的瀏覽器或操作系統,他們使用不同的架構都對什麼是首選的不同概念。

也不要臃腫通過調整你的CSS,以適應各種類不同的瀏覽器

你的CSS但是你可以嘗試下面的代碼:

font{ 
 
text-shadow: 1px 1px 1px rgba(0,0,0,0.004); 
 
text-rendering: optimizeLegibility !important; 
 
-webkit-font-smoothing: antialiased !important; 
 
}