chrome v safari上的字体渲染。这个网站是如何做到的?

时间:2014-05-28 14:38:38

标签: css google-chrome safari

您一直试图找到一个解决方案,使字体看起来像在safari 5.1.7中一样好 在chrome v34中

在铬(和IE和FF)中它们都是锯齿状的,但在野生动物园中它们很好而且清脆!!

继承人的例子 铬 http://screencast.com/t/CpJDoManNbQg

狩猎 http://screencast.com/t/9nYGOh7N

如果您没有注意到主流浏览器之间的这种别名差异或者认为它值得抱怨那么请不要回复

为什么不是所有的浏览器都有与safari相同的字体渲染?! 它更好更容易阅读! 为了善良而2014年!

因此,设计师可以制作看起来像印刷品的网站

反正!

我之前偶然发现了这个网站 在chrome上,文本看起来非常接近于它在safari上的表现 例如,有比以前更多的抗锯齿

http://action.sumofus.org/a/Facebook-app-taps-phones/3/2/?sub=fb

在这里编辑另一个网站,在Chrome上使用干净的抗锯齿字体! https://www.dartlang.org/

有人可以告诉我它是如何完成的吗?

或者如何平滑jaggys?

我已经在这里搜索了一切,似乎没有任何工作!

提前感谢您提供的任何帮助!

3 个答案:

答案 0 :(得分:2)

Chrome在渲染字体方面存在问题,甚至包括来自Google字体的字体。

我发现的一种方法是将此添加到您的CSS中:

-webkit-text-stroke: 1px rgba(0, 0, 0, 0.4);

你可以在这里看到更多:

http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/

答案 1 :(得分:0)

似乎更像是一个大胆的,或者不同的重量 - 野生动物园更重。我一直看到这个,通常我测试ie / ff / chrome之间的差异有时候补偿我用cufon添加更多的字体权重并使make更轻。

答案 2 :(得分:0)

我总是在课堂上添加一些东西,以获得更好的字体渲染效果。

-webkit-font-smoothing:antialiased;

尝试一下,看看是否有任何改善。