Question

我花了两天时间弄清楚如何让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后产生差异，但字体会比原来宽。在safari中，它很可悲，我现在很累，我需要一个适合所有大三的工作示例，我不关心IE ..这个主题看起来像在所有浏览器中工作：

http://goo.gl/B6JyS

我在CSS中找到的唯一属性是-webkit-text-size-adjust：100％;身体{}我尝试了直接字体添加和Javascript方法，它在几秒钟内加载谷歌字体并重新绘制..但没有任何作用:(请帮助..

问候

Answer 1

请点击此处查看有关Chrome中字体的一些信息。

Google webfonts render choppy in Chrome on Windows

我用来纠正Chrome / Safari中的问题的一个简单方法：

-webkit-text-stroke: .5px;

这确实可以平滑字体并提供至少一个临时修复。

谷歌字体Chrome，Safari和Firefox

1 个答案: