哪种字体嵌入技术可以抑制反锯齿?

4
我对各种不同的字体嵌入技术感到困惑,如Cufon、@font-face、FLIR和Typekit等,不知道从哪里开始,特别是因为我只需要一个特定的行为。是否有任何字体嵌入技术可以呈现没有平滑处理/清晰类型的字体?
我一直只是按照我的计算机/监视器的呈现进行设计,并且没有多想过。但在这个特定的站点上,我使用透明度在浮动在玻璃PNG上的div上,而ClearType只是一场灾难。这个背景组合上的ClearType反锯齿突出,创建了实际上是加粗字体的效果。如果在IE8上应用alpha透明度过滤器,则会删除ClearTyping,只显示单像素描边,看起来完美。
那么,任何字体嵌入技术是否允许跨浏览器禁用字体的抗锯齿渲染?我知道可能sIFR可以,但真的不想使用Flash,因为我的目标受众很可能是那些不会及时更新Flash的公司。

2
我之前走过这条路,结果是“由浏览器决定”,希望事情现在有所进展! - Aram Kocharyan
1个回答

1

从技术上讲,没有任何字体嵌入技术可以让你抑制反锯齿。你需要的是一种CSS属性,告诉浏览器你希望页面上的某些元素不要反锯齿。

现在,虽然这可能对你所有的努力都没有帮助,特别是如果你的大部分受众不使用基于WebKit的浏览器,但一些WebKit浏览器支持类似于建议中的font-smooth CSS属性,如Max Voltar在字体平滑方面的文章所解释的那样,使用:

-webkit-font-smoothing: none;

将类似于W3C提出的font-smooth属性:

font-smooth: never;

Max的文章还链接到Christoph Zillgens的演示页面,展示了效果,但须注意仅适用于OS X。

正如Aram Kocharyan在上面所说,现在可能无法依赖该属性,只能让浏览器决定。

一些早期的Internet Explorer引擎也会将文本别名化,如果opacity设置为除1以外的任何值-您可以尝试将值设置为0.999,并查看那里会发生什么。


嗨。谢谢。没错,我已经尝试过了。不幸的是,它在我的Chrome浏览器上似乎无法工作。此外,我可以告诉你,你很了解我的目标用户,他们很可能不会使用WebKit。 - waterprism
1
你尝试过不透明度的hack吗?它可能不是0.999,而是(稍微)低一些的值。你的另一个选择是尝试-ms-font-smoothing并将其设置为never - 可能只适用于IE10(也许是IE9),但我不确定。 - abitgone
是的,我确实尝试过不透明度的技巧。这就是我发现 IE8 清除平滑处理的方式。因此,至少在那些没有更新他们的浏览器的用户中,这个字体会出现走样。不过这并不是非常具有未来性。我希望“font-smooth”能够变成现实。 - waterprism

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接