使用文本阴影字体抗锯齿的缺点是什么?

Question

我发现了这个方法:

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

，它工作得很好!但在某些地方，据说这是一个糟糕的解决方案(没有进一步的解释)，为什么会这样?

Answer 1

它可能工作，尽管有两个主要问题。

首先，正如coreyward最初指出的那样(尽管他在一次投票后删除了这篇文章)，text-shadow属性是不断变化的HTML5规范的一部分，它在场景中相对较新，其语法和实现可能在不同浏览器之间存在极大差异，并且可能在未来几年内进一步改变。

这里更短期的问题是，模糊文本阴影需要浏览器的认真工作。它可能对标题和类似的东西很好，但如果你打算将它应用到你的整个页面，请记住，它在旧电脑上运行得很慢，甚至上下滚动都会延迟。因此，在决定这种平滑的适当程度时要小心。

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

Answer 2

通常情况下，您不应该尝试修复这类由用户端负责的事情。它可能在某些条件下工作得很好，但由于阴影并不适用于此，因此您无法确定它在不同条件下的视觉影响。