使用CSS禁用OS字体平滑

时间:2015-05-17 01:04:18

标签: javascript html css fonts

在将文本写入画布时,无论如何都要强制关闭OS字体平滑行为。我使用的是Perfect DOS字体,只有当我禁用了OS功能时才能看起来很完美。我当然不能要求客户更改他们的系统设置,所以我希望Chrome浏览器有一些CSS属性或JS黑客攻击。

看起来某个时间点存在字体平滑属性,但不再使用Chrome。在IE11和Safari手机中看起来很完美我的主要关注点是OS X和Windows7上的Chrome。该网站为http://webchars.com

2 个答案:

答案 0 :(得分:2)

&#34; Can I turn off antialiasing on an HTML <canvas> element?&#34;今天仍然适用。

如果你需要&#34; crisp&#34;线条,以字体的已知位图大小(如果有的话)绘制文本,并使用(0.5,0.5)偏移在画布上绘制它们,所以不要在上面绘制文字,比如说,(10,10),但画上(10.5,10.5)。原因是Canvas不是像素网格。它实际上是一个亚像素精度渲染系统的视图,所以如果你在整数坐标处绘制,你实际上是在像素之间绘制,并且事物将会得到更多的抗锯齿效果。必要。半单位抵消。从那里开始。

答案 1 :(得分:0)

使用图像而非字体解决。