谷歌字体Chrome，Safari和火狐

我花了最近2天搞清楚如何让Chrome和Safari浏览器的字体看起来很脆，即使在Firefox浏览器上它也更薄。我曾尝试下面的东西，它的花所有的时间..谷歌字体Chrome，Safari和火狐

-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;

一个包裹起来，还是有很多的测试，这是我从来没有注释，所以我没有，但唯一的区别是不透明度提出：0.99;其中设置为特定的div后有所不同，但字体会比原来宽。在Safari中，所有的可怜，我累了，我需要一个工作示例对所有大3S，我不关心IE ..这个主题看起来像在所有浏览器的工作：

http://goo.gl/B6JyS

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

问候

来源

2014-04-04 user1718343

我希望有人纠正我，但直到现在我学到的是，不同的浏览器只是不同的字体。我花了无数小时试图找到一些一致性，但我总是看到差异。 –

我完全同意浏览器渲染字体的方式不同，但差异应该不大，因为我可以在我的主题中看到，但我可以看到，在上面提到的链接中，它的更一致并且看起来不是100％相同，但仍然与清脆.. – user1718343

看看。此处了解有关在Chrome中的字体的一些信息

Google webfonts render choppy in Chrome on Windows

一个简单的技巧我使用纠正在Chrome/Safari浏览器的问题：

-webkit-text-stroke: .5px;

这真的可以平滑字体，并提供至少一个临时修复。

来源

2014-04-04 15:25:22 captainrad

嗨队长，我遇到过这个帖子，但是对于服务器上的文件svg，我希望它通过使用所有谷歌字体存储库更多功能.. – user1718343

@ user1718343链接只是说明它确实是一个问题与Chrome。你是否尝试过-webkit-text-stroke修复？（因为它是以webkit开头的，它只会在Chrome和Safari或任何其他基于webkit的浏览器中使用该规则。） – captainrad

嗨队长，我刚刚尝试过，它在Chrome上有点不同，但在Safari上，它仍然是一样的模糊..我肯定会更新这个职位，当我得到一个解决方案，现在我必须完成一个其他模块，所以会回来一段时间..谢谢你的建议和时间..干杯 – user1718343

谷歌字体Chrome，Safari和火狐

回答

相关问题