Web 网站标题横幅的文本与图像？

我正在创建的网站的横幅有一个相当大的标题文本。使用普通字体会使它看起来非常参差不齐，但看起来抗锯齿图像的下载量相当大。哪种方法是最好的选择，还是有更好的方法来处理大型标题

这是纯文本的横幅。按比例缩小后，它就不那么引人注目了，但它的全尺寸约为600px。单独打开图像以获得完整效果：

---

图像是我要走的路。在不牺牲太多质量的情况下，可以将图像缩小。另外，一旦第一次下载，它就可以被缓存，这样就不需要再下载了。

有些字体比其他字体更适合锯齿形字体。这就是说，一个无位移的文本阴影与一个像素模糊的文本颜色相同，将治愈大部分时间困扰你的问题：

h1 {
   .
   .
   .
   color: white;
   text-shadow: 0 0 1px white;
}

---

我发现，对字体进行抗锯齿处理就足够了，如果我不使用文本阴影进行任何其他效果，它是一个很好的解决方案，即使是相当现代的效果。较旧的浏览器（你知道你是谁）将获得jaggies，但你不可能赢得所有。我始终建议不要将图像用于文本内容。现代浏览器具有内置的抗锯齿功能，因此大字体看起来比几年前要好得多。（而且一天比一天好。）此外，使用

等标记可以保留标题的语义值，当使用

标记或CSS

背景图像时，标题的语义值会丢失