CSS字体平滑

时间:2017-04-12 00:42:50

标签: html css css3

除了chrome之外,其他浏览器的字体看起来很扭曲。

起初我附加了两个谷歌网络字体,蒙特塞拉特和开放sans。它在chrome上看起来很棒,但是当我在firefox和safari上查看它时,montserrat字体看起来很糟糕和扭曲,查了一个多小时后我发现没什么用,所以让事情有效我移除蒙特塞拉特并调整了开放的sans到位它(我知道),

所以现在开放的sans看起来不错,但只有在我增加字体大小时它的尺寸很小,它给蒙特塞拉特提供了同样的清脆度,我不想要! 我喜欢Chrome显示的方式, 我该怎么办请帮助。

enter image description here

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:1)

您的网站在不同的浏览器或操作系统中看起来永远不一样,他们使用不同的架构都有不同的概念。

通过调整你的css以适应不同浏览器的各种类,也不会让你的css膨胀

但您可以尝试,但代码如下:



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