2017-04-12 204 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; 
 
}