我的主要浏览器(FF 和 Chrome)都配置为 12 像素字体。在这两种浏览器中,字体选择器都会显示字体预览,并且它们的大小相同,并且适合阅读网站。我的 IE 不允许我设置字体大小,但似乎默认为比 Chrome 大一点的字体。
在我的个人网站上,我使用 XHTML 和 CSS 并将页面字体指定为“中等”,并将该字体大小用于所有主要文本(“内容”文本)。当我在 IE 7、FF 3 和 Chrome 0.4 中查看该站点时,字体按预期显示并与字体选择器匹配(在 IE 中稍大一点除外)。
但是,我访问几乎所有其他网站(Google、StackOverflow、The DailyWTF、CodingHorror、Microsoft、Sourceforge,甚至 W3C 等),它们都以微小的微型字体显示——我估计是 5 到 7 像素。
这适用于 3 台不同的计算机,2 台不同的操作系统(Vista 和 XP)和 4 台不同的显示器(笔记本电脑、CRT 和全新的 WS LCD)。
那是怎么回事?我是否忽略了一些我需要知道的关于网站设计的基本知识?还是只是所有这些网站都做了一些愚蠢的事情,比如将字体设置为 50%、0.5 em 或 x-small?为什么网站设计者不能尊重我为内容文本选择的字体(我知道侧边栏和页脚等可能相当小或 x 小)。
我很想认为这只是不知情的网站设计师,但是,见鬼!,这些都是一些大牌网站!
编辑:要清楚,我并不是说使用 em 或 % 是愚蠢的,我想知道为什么许多网站似乎使用了我配置大小的 50%。当然,我配置的大小是我希望在其中看到文本的大小。
编辑:来自 W3C 的 CSS 规范:“下表提供了用于将绝对大小映射到 HTML 标题和绝对字体大小的用户代理指南。‘中等’值是用户的首选字体大小,并用作参考中间值。 “ - 强调我的。
有一个共识是,网站的相对字体大小基于典型的浏览器默认值 16px,这是不幸的,但“这就是生活”。但是其他系统呢?我们可以期望所有浏览器都如此默认吗?
至少我现在明白了这个问题。
在我选择最终答案之前,我想将这个问题暂时搁置一会,看看其他人是否有不同的看法。
结论:我已将所有浏览器重置为 16px(在我的 125 DPI 机器上为 18px),并将我的网站设置为使用 font-size: 90%。这提供了一个很好的显示尺寸,当然,我最喜欢的所有网站现在都可以阅读了。感谢所有建设性的答案和活泼的来回。
这是一个很棒的社区。