css - 使用文本阴影进行字体抗锯齿有什么缺点？

Question

我找到了这个方法:

.fontSmooth { text-shadow: 0 0 1px rgba(51,51,51,0.5); }

而且效果很好!但在某些地方据说这是一个糟糕的解决方案(没有进一步解释)，这是为什么？

Answer 1

它可能会工作，但有两个主要问题。

首先，作为 coreyward最初指出(虽然他显然在一次反对票后删除了帖子)，text-shadow 属性是不断变化的 HTML5 规范的一部分。它在现场相对较新，其语法和实现在浏览器之间可能存在极大差异，并且在未来几年内可能会发生进一步变化。

不过，这里更短期的问题是模糊文本阴影需要浏览器方面的认真工作。对于标题等可能没问题，但如果您打算将其应用于整个页面，请记住它在旧计算机上运行速度会慢得多，甚至上下滚动也会很慢。因此，在决定这种平滑的合适程度时要小心。

我还想指出，如果用户没有在系统范围内启用抗锯齿功能，则用户很可能不想要它。使用 CSS 技巧来覆盖平台级设置有点愚蠢。