HTML 或 CSS 中的别名文本?

Alias text in HTML or CSS?

我想为 HTML 或 CSS 中的文本添加别名。或者,我确信它可以用 javascript(也许还有 vbscript 或 tcl)来完成。
In a similar question 一位用户发布了这些代码:

字体平滑:自动 |从不 |总是 | |长度 |初始 |继承
-webkit-字体平滑:none |亚像素抗锯齿 |抗锯齿
但是,font-smooth: never;-webkit-font-smoothing : none; 没有完成这项工作,我怀疑可能 [遗憾] 没有别名文本的选项。

P.S:别名文本:呈现为黑色或白色像素的文本

由于多种原因,很难通过 css 执行此操作:

1.- 您首先要与浏览器和 OS 设置作斗争。 Cleartype、DirectWrite 等并不总是通过浏览器的设置来设置,而是通过 OS.

2.- css 抗锯齿属性在所有主流浏览器中并不一致。

3.- 如果我没记错的话,字体平滑已经不存在了。

所以,话虽如此,您为什么不寻找具有您想要的样式的字体,例如:

http://www.fontspace.com/kreative-korporation/chixa

G

在 Chrome 和 OSX 上的 Safari 中,您可以使用:

-webkit-font-smoothing: none

我认为这不适用于任何其他操作系统或 Firefox。

如果您需要能够在更广泛的浏览器上运行的内容,请尝试使用看起来像素化的字体,例如 http://www.google.com/fonts/specimen/Press+Start+2P

您不能在您的示例中强制使用别名字体。这不像放大的像素字体那么多别名。

您在网页中使用的字体是不是位图字体。它们是矢量字体。这意味着没有像素可以混叠。 *

你最好的办法是找到一种标准字体,它被绘制成看起来像位图,然后简单地使用它......有或没有字体平滑。

* 过去字体 did 有一组与矢量数据一起出现的位图。这被称为 hinting。然而,这些也不是为了放大到超过 1 图像与 1 屏幕像素比而设计的。