我讨厌图形文本
2004年2月9日，星期一（格林尼治标准时间下午1:05）
这篇文章的标题可能有些夸张。当然，图形文本（像素构成的文本）在某些方面是有用武之地的，比如品牌标识和需要高度风格化文本的场景，但这并不意味着它比功能性文本更好。
这可能是一个显而易见的抱怨，但当功能性文本可以同样甚至更好地完成任务时，图形文本的使用却屡见不鲜。
图形文本存在严重的无障碍问题——不仅是屏幕阅读器无法识别，而且在大多数浏览器中完全无法缩放，这使得视力不佳的用户无法放大文本以更清晰地阅读。
更基本的问题在于文件大小。用 CSS 样式化的功能性文本标题可能只有两位数字节大小，而等效的图形文本可以轻松达到数千字节。这意味着更长的下载时间和更差的用户体验。
那么，什么时候可以使用图形文本呢？
- 首先，当它 **很大** 的时候。
- 当它用于 **品牌标识** 的时候，这是图形文本最强的论据。
- 当 **高度风格化** 的文本无法通过 CSS 实现时，而且是 **必需** 的。
最后一点可能最具争议，也最模糊。关于某样东西是否“必需”的争论显然是主观的。一个人可能认为功能性文本的可用性和可访问性优势 outweighs 了对某个图形的需求，而另一个人可能认为图形对于视觉设计来说是必需的。不幸的是，我认为一些网页设计师过于轻易地选择了后者，而没有真正探索其他选择。
归根结底，当 CSS 样式文本 **可以** 使用时，就应该使用。我认为争论点在于“可以”这个词。
评论
评论2
我认为其过度使用与糟糕的 HTML 根源相同。过去，当没有其他方法时，图形文本是让内容更漂亮的一种方式。现在我们有了 CSS。它不仅可以与 HTML 一起改善代码，还赋予我们更大的灵活性来确定文本的外观。
Chris 于 2004 年 2 月 9 日星期一下午 7:25 GMT 发表。
评论3
CSS 可以让你实现许多以前只能通过图像才能实现图形效果。边框和背景可以产生有趣的视觉效果，而悬停伪类（hover pseudo class）可以让你对链接做一些以前只能用 JavaScript 替换图片才能实现的事情。
于 2004 年 2 月 10 日星期二上午 10:38 GMT 发表。
评论4
我喜欢使用 CSS 来处理“以前需要图形”的元素。我遇到了一个问题，阻碍了我为客户更频繁地使用它——尺寸差异。当我使用级联样式表（cascade）来定义一套漂亮的字体层级时，它们的尺寸却参差不齐。我的最佳、最喜欢的字体在我指定的尺寸下看起来很完美，但层级中的下一个字体可能大得多或小得多，这完全破坏了我放置它的区域的平衡。
我渴望有一天能够为每种字体指定尺寸……或者类似的功能。
Stephanie 于 2004 年 2 月 15 日星期日下午 3:35 GMT 发表。
另请参阅
- 下一页： Styling acronym and abbr
- 上一页： New Site Search
评论1
我知道这是一个老生常谈的问题，但如果当初我们能够嵌入字体并控制抗锯齿，这个问题本可以在 Web（至少是 CSS）的早期就得到解决。
就我个人而言，我只在像素完美的 Logo 中使用图形文本。但如果能避免这种情况就更好了，因为如上所述，这确实存在明显的无障碍问题需要考虑。
并非一切都那么糟糕。到我们迎来 Mozilla v4 和 CSS 7 时，这些以及更多的问题都将得到解决。 ;-)
DarkBlue 于 2004 年 2 月 9 日星期一下午 4:11 GMT 发表。