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

时间:2012-03-15 09:24:38

标签: html css text fonts

我对所有不同的字体嵌入技术,Cufon,@ font-face,FLIR,Typekit等感到困惑,并且不知道从哪里开始,特别是因为我只需要一个特定的行为。是否有任何字体嵌入技术可以渲染没有抗锯齿/平滑/ ClearTyping的字体?

我一直只是设计用于我的计算机/显示器渲染,甚至没有考虑过两次。但是对于这个特定的网站,我在一个漂浮在玻璃状PNG上的div上使用不透明度而ClearType只是一个灾难。此背景组合上的ClearType消除锯齿功能非常突出,创建了一个基本上是粗体字体。如果我在IE8上应用alpha不透明度滤镜,它会删除ClearTyping,只显示单像素笔划,看起来很完美。

那么,是否有任何字体嵌入技术允许在字体跨浏览器上禁用抗锯齿渲染?我知道sIFR可能会,但我真的不愿意使用Flash,因为我的目标受众很可能是那些不会更新的主要受众:B& M公司。

1 个答案:

答案 0 :(得分:1)

从技术上讲,没有字体嵌入技术可以抑制消除锯齿。你需要的是一个CSS属性,告诉浏览器,如果页面上的某些元素没有消除锯齿,你会更喜欢它。

现在,虽然这可能对您的所有努力没有帮助,特别是如果您的大部分受众未使用基于WebKit的浏览器,某些WebKit浏览器支持类似于proposed font-smooth CSS property的内容,如Max Voltar's post on font-smoothing,使用:

-webkit-font-smoothing: none;

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

font-smooth: never;

Max的文章还链接到a demo page by Christoph Zillgens,它向您展示了行动中的效果,但需要注意的是它似乎只适用于OS X.

正如Aram Kocharyan上面所说,现在可能就是 - 你不能依赖这个属性而不得不让它让浏览器决定。

如果将opacity设置为1以外的任何值,某些早期的Internet Explorer引擎也会对文本进行别名 - 您可以尝试将0.999作为值并查看其中发生的情况。