我花了两天的时间弄清楚了如何使字体在Chrome和Safari上看起来更清晰,甚至在更薄的Firefox上也是如此。我已经尝试了以下方法,它总结了所有花费的时间。
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(0);
-webkit-text-size-adjust:100%;
font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-stroke-width: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity:0.99;
-moz-opacity: 0.99;
-khtml-opacity: 0.99;
还有更多测试,我从没评论过,所以我没有,但是唯一的区别是不透明度:.99; 设置为特定的div后,效果会有所不同,但字体会比原始字体宽。在野生动物园中,这一切都很可悲,我现在很累,我需要一个适用于所有大型3s的工作示例,我不在乎IE。.这个主题看起来像在所有浏览器中都可以正常工作:
我在CSS中找到的唯一属性是-webkit-text-size-adjust:100%; 到身体{}我尝试了直接字体添加和Javascript方法,该方法在几秒钟内加载了Google字体并重新绘制。.但是没有任何效果:(请帮助..
问候
在此处查看有关Chrome中字体的一些信息。
Google Webfonts在Windows上的Chrome中呈现不稳定状态
我用来纠正Chrome / Safari中问题的一个简单技巧:
-webkit-text-stroke: .5px;
这确实可以平滑字体,并至少提供了一个临时修复程序。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句