3

我的主要浏览器(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%。这提供了一个很好的显示尺寸,当然,我最喜欢的所有网站现在都可以阅读了。感谢所有建设性的答案和活泼的来回。

这是一个很棒的社区。

4

9 回答 9

8

大多数浏览器 - 如果不是全部 - 将默认字体大小设置为 16 像素。许多网站也使用相对字体大小。如果您的浏览器的字体大小低于此值,这将导致您出现问题。

考虑一下您的浏览器中默认字体大小为 16 像素的情况。当网站字体为 1.0em 时,将显示为 16px。不过,其他一些文本可能是 0.7em,所以会更小。但是,如果您的默认浏览器字体大小为 12px,则 1.0em 将是 12px,而 0.7em 将无法读取,因为它太小了。

解决方案是将您的默认浏览器字体大小保持为 16 像素,这样您就可以真实地了解其他人在查看您的网站时所看到的内容。哦,使用相对字体大小是最佳实践,而不是错误。

于 2008-12-03T09:02:41.877 回答
2

在大多数现代浏览器中,%age 允许动态呈现。Ctrl- 和 Ctrl+ 是你的朋友。

至少大多数开发人员已经意识到设置固定大小的字体是不好的。

于 2008-12-03T09:03:38.957 回答
2

我不在乎字体的大小,只要我能改变它。这就是我讨厌 Flash 网站的最大原因。不久前,我正在查看某家大公司的招聘页面,字体是 TINY。我的本能反应是按 Ctrl-+(在 Firefox 中),但在 Flash 中呈现的文本无法调整大小!我立即离开了现场。我没有最好的视力,所以我需要能够使小文本变大。

我经常遇到的另一个问题是固定宽度的网站。我使用高分辨率显示器(1600x1200、1280x800 或更高),没有什么比一半以上的屏幕空间空白更让我讨厌的了。更糟糕的是,一些网站,当我把字体变大时,固定宽度并没有变大!有一次,我在将文本放大后尝试阅读一篇文章,每行三个单词,右侧有大量空白屏幕空间......

于 2008-12-03T09:52:00.840 回答
2

Software Monkey 开始与全世界作战。他完全不同意浏览器呈现字体大小的方式、主要网站以及它们设置字体大小的方式,并试图与该线程的每一张海报进行激烈的争论。

我有一个简单的生活准则。当你认为其他人都错了,你可能就错了。

此外,即使你是对的,与你周围的世界相处往往更聪明,而不是与所有人抗争。

这是一个想法。如果您是一名网页设计师,并且知道超过 99% 的访问者不会修改他们的默认浏览器大小,那么您肯定希望您的网站适合大多数人。这种实用主义解释了当前的情况。

无论如何,祝你在追求中好运。

于 2008-12-03T13:12:20.110 回答
1

我在 Chrome 上遇到过这个问题,但不是你所说的那样。然而,有些页面显示的字体非常小,在其他浏览器中看起来还不错。在某些论坛中,每个帖子的字体实际上会变小 - 所以我通常可以阅读第一篇文章,也许是第二篇,但其余的只是像素:)

于 2008-12-03T09:16:05.780 回答
0

将字体设置为 % 或 em 测量值并不是一件愚蠢的事情,实际上它是 W3C 推荐的!

于 2008-12-03T09:00:49.213 回答
0
  • 使用 css 操作字体大小
  • 在 em 中给出字体大小
  • 如果字体在不同的浏览器上呈现不同的大小,请为不同的浏览器使用作弊码(例如 # 、 _ )。
于 2008-12-03T09:15:15.750 回答
0

回答您的编辑:原因不言而喻。页面的设计者需要传达一组具有不同属性和不同实际字体大小的信息,这是他可以使用的(最早的)排版和布局工具之一。

作为查看者,您可以为自己定义一个舒适的基线,但如果设计师希望强调或减轻一段文本的重要性,则取决于他并为您的利益。你不应该比 #999 或斜体更嫉妒他 50% 的高度。

所有这一切都取决于设计师是否值得他的盐而不是滥用它,这可能会令人遗憾地发生。

于 2008-12-03T09:21:22.383 回答
0

我想说,由于每个浏览器都有不同的标准,因此字体的渲染模式也会不同。

于 2009-02-24T20:59:21.993 回答