HTML 或 CSS 中的别名文本？答案

【问题标题】：Alias text in HTML or CSS?HTML 或 CSS 中的别名文本？
【发布时间】：2015-02-28 08:45:20
【问题描述】：

我想为 HTML 或 CSS 中的文本设置别名。或者，我确信它可以用 javascript（也许是 vbscript 或 tcl）来完成。
In a similar question 一位用户发布了这些代码：

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

PS：别名文本：文本呈现为黑色或白色像素：

【问题讨论】：

我也面临同样的问题！！在类似的问题.. usabilitypost.com/2012/11/05/stop-fixing-font-smoothing
你说得对，在 CSS 中没有办法做到这一点。字体渲染几乎完全由操作系统处理。
我知道你想实现一些视觉效果（？）那你为什么不使用看起来像这样的字体？？？

标签： html css text fonts alias

【解决方案1】：

您不能在示例中的范围内强制对字体进行别名。这不像放大的像素字体那样有别名。

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

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

* 过去的字体确实有一组与矢量数据一起使用的位图。这被称为hinting。但是，这些也不是为了将其放大到超过 1 图像与 1 屏幕像素的比例。

【讨论】：

【解决方案2】：

由于多种原因，很难通过 css 做到这一点：

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

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

3.- 如果我没记错的话，字体平滑不再存在。

那么，说了这么多，不如找个有你想要的风格的字体，比如：

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

【讨论】：

【解决方案3】：

在 OSX 上的 Chrome 和 Safari 中，您可以使用：

-webkit-font-smoothing: none

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

如果您需要可以在更广泛的浏览器上运行的字体，请尝试使用像素化的字体，例如 http://www.google.com/fonts/specimen/Press+Start+2P

【讨论】：