Antialiasing HTML页面中的抗锯齿字体

有没有一种好方法可以在网页中创建清晰的大字体？我需要在我的主页上创建一个不同字体大小和颜色的标签云效果

我已经在HTML/CSS中设置了它，但是在旧的浏览器或操作系统上，默认情况下不支持反走样，看起来有点。。。糟透了

我玩过，它工作得很好，但给了我一些可怕的负载效果，但我现在想知道是否有办法：

a） 执行浏览器/操作系统检测，以按浏览器/操作系统组合（我知道这些组合支持消除混叠）（它们获得原始HTML）和按“其他”获得图像标记来分割用户

b） 某种JavaScript来添加抗锯齿

---

c） 在div中加载BG图像并隐藏HTML文本的永久解决方案。（我知道，我知道，谷歌关于去索引的恐怖故事……但这有可能吗？

Flash或Silverlight是您进行漂亮字体渲染的最佳选择

a）当然，您可以使用浏览器检测。最简单的方法可能是使用的方法。（jQuery是一个很棒的JavaScript库，如果您没有听说过，它可以使很多JS开发变得更容易）

根据您获得的浏览器（或操作系统）结果，您可以向用户提供不同的解决方案，从普通文本到类似Flash的解决方案

不过，我建议不要这样做。新机器上的东西比旧机器上的好看。这就是为什么我建议不要把宝贵的时间花在旧浏览器的小故障上当然，除非使用旧浏览器的用户是您的主要用户群。在这种情况下，你只需要在Flash中完成它怎么样？如果一个解决方案总是有效的，那么编码两个解决方案是没有用的，对吗

b） 实际上，您可以通过JavaScript创建抗锯齿文本。以我的项目（“上帝之声”——不适合宗教狂热者）为例。在这个项目中，我使用了优秀的

c） 也许就用CSS吧

h1.welcome {
    background: url('the-welcome-image.png') no-repeat;
    color: transparent;

---

}+1汉克的评论。这样做对你没有什么好处。有些桌面浏览器（包括IE7+和Safari）在默认情况下会启用抗锯齿功能，即使在操作系统级别禁用，而现代（后XP）操作系统也会在默认情况下启用抗锯齿功能。通过对其余部分强制AA，您将：

（+）为那些无意中没有AA的IE6和XP+Firefox用户稍微改进一下显示

（-）降低每个人（尤其是有限移动设备用户）的加载速度

（-）首选字体大小

（）

---

（*：在有限的情况下，这甚至是有意义的，尤其是对于旧的模糊CRT监视器。）

从外观上看，最好的方法（没有实际顺序）是：

1） 使用图像。如果你依赖于网站的搜索引擎优化，那么一定要添加html并使用css隐藏它

2） -JS，可在大多数现代浏览器中使用。有一些bug和小故障，但运行良好。如果您要对用户强制执行抗锯齿，那么这是可行的。节约使用。作者正在研究Opera和IE8的兼容性

2） -优秀的脚本，可使用flash电影动态替换选定的文本区域。再次出现一些错误和小故障，但如果你只是对好看的字体感兴趣，那么这是完美的。增加你的页面负载，所以越少越好，尽量少用

---

我倾向于不使用JS密集型解决方案，因为我喜欢快速加载页面，但如果你必须有一些好看的字体，那么这些似乎是最优雅和简单的方法。

强制使用背景色，为具有相同背景色的类或元素重新定义背景色。它起作用了

span.your_class {
    writing-mode: tb-rl;
    filter: flipv fliph;
    background-color: #006cb8 !important;
}

---

这真的重要吗？web的本质是，您无法对内容的显示进行像素级的完美控制—这是一个明确的设计目标。总的来说，最好接受这一点，把精力集中在其他事情上。我完全同意汉克的观点！在这种情况下，这真的很重要-这是一个展示网页，所以像素完美的计数。只需要找到最优雅的方式来实现这一点。而且比带有alt标签的图像或带有图像背景的s更难访问。不，谢谢。是的，正是因为这个原因，我不想使用flash。sIFR是一个很好的折衷方案，因为它会退化为普通的html，但不幸的是我们不能使用它。。起初我对typeface.js印象深刻，直到我尝试放大页面。看起来糟透了！

-webkit-font-smoothing:antialiased;