您可能还记得 Alvaro 建议 将 font-size
从默认的用户代理大小 16px
提升到 1.25rem
。 Sebastian Laube 对此提出质疑:
我不会毫不犹豫地采用 Alvaro 的建议,因为例如,在智能手机上我会浪费太多空间,而且许多用户可能会被这种大字体所困扰。
我从某个视窗尺寸开始设置
1.2rem
的字体大小。但这也需要谨慎处理,因为这样就会出现灰色区域,媒体查询会突然回退到另一个区域……
我个人同意 Alvaro 的观点,默认的 16px
尺寸太小了。这只是我作为一个快要戴上可乐瓶底才能看清屏幕上任何东西的人的感觉。
另一方面,我专业上同意 Sebastian 的观点,并不是说许多用户可能会被这种大字体所困扰,而是要公开质疑一种方法,而不是仅仅根据一篇博文就全面采用别人的方法。很可能提高 font-size
是正确的做法。毕竟,一切都是相对的,我们应该倾听使用我们正在制作的东西的人的意见,来做出这样的决定。
更大的问题是 Sebastian 在最后提出的问题
如果用户没有另外指定,浏览器是否应该从一开始就在大屏幕上使用更大的字体大小?或者我们需要一场信息运动来让用户知道他们应该检查系统设置或在浏览器中设置不同的默认字体大小?
太棒了,对吧?!老实说,我不确定在哪个视窗断点 16px
会太大或太小,以及应该从哪里开始调整。16px
在任何视窗尺寸下都是正确的默认值吗?或者用户代理应该考虑使用一种流体类型实现,它定义了一个默认的字体比例和尺寸范围?这是一个值得思考的问题。
我现在也认为流体类型是一个不错的解决方案。这样设计师仍然可以控制一些东西。与根据可用视窗区域适应的基本字体大小一起,我们目前可能无需新的浏览器标准……
我经常发现默认的 16px 在我的手机上太小,但在台式机上通常不是问题。这还取决于使用的字体。
另外,我们谈论的是哪种类型的网站/内容呢?对我来说,如果是一个营销网站或应用程序,我就不太关心,但如果是一个新闻文章、博客文章或其他以散文为主的内容,我就更关心了。
至少在台式机浏览器上,将网页放大几个档次是很容易的。确保这很好用,每个人都应该会很满意。
我真的很不喜欢那些在大视窗上使用巨大字体大小的网站。请坚持使用默认值 - 如果太小,我会自己放大,这样缩放就能在该设备上的所有内容中保持一致。猜测用户设置的默认值有什么意义呢?
我主要想反对这些观点
要得到一个明确的答案,这需要用户调查,而且答案在很大程度上仍然取决于项目。我认为应该尽量尊重用户的偏好,而这主要可以通过保持接近默认值或在大多数情况下稍微大一点来实现。
虽然 14px 作为早期的默认值已经过时了(仍然是我对维基百科等网站的偏好),但 16px 对于内容密集型网站(维基百科的默认值、许多在线新闻网站、MDN)仍然很受欢迎,而 18px 则适合易于阅读的文本。任何高于这个尺寸的字体都会很快限制信息密度:Medium 选择的 20px 感觉像是他们想隐藏文章通常只有几句话长的事实。这可能对某些用例来说没问题,但不是一个好的默认值。如果用户希望或需要更大的字体,他们可以使用显示缩放,并在应用程序和网站之间获得一致的结果。如今,这主要是在设备设置期间完成的。
大幅不同的默认值应该始终有充分的理由(内容很少、特定受众、艺术目的)。
流体排版对于一致的设计来说可能很好,但并不一定有助于用户体验。以这篇文章为例:版式看起来很不错,但我无法在一台 32 英寸 4K 显示器上以 125% 的显示器缩放比例在一页上阅读它,除非我缩小浏览器窗口。在这种情况下,这个问题还因为设计不是流体且行长没有相应调整而变得更糟。此外,调整窗口大小会不必要地移动滚动位置和内容,这在较长的页面上可能会很烦人。
我认为除了细微的流体排版之外,最适合的地方是那些侧重于设计而不是文本内容的页面。更大显示器和更高分辨率的理由之一仍然是能够显示更多内容,而不是将所有内容放大。
我可能有点老派,但我不太明白。内容在某个视窗宽度之后停止增长;为什么文本也要增长呢?阅读 1920px 的文本,即使是每行 50 个字符,字体大小也很大,也很不舒服。
这完全取决于具体情况。屏幕越大,你的脸离屏幕越远,反之亦然。想想那些走路时把手机举到鼻子前的人,再想想坐在办公桌前时,屏幕离你的脸 2-3 英尺的情况。
我明白,但这取决于设备类型,应该用另一个媒体查询来处理。我不认为调整窗口大小应该调整里面的文本大小。不过,我可以理解,针对设备外形尺寸的媒体查询在这里可能会有用。
Sebastian,你提到了一篇较旧的德语文章,并为没有翻译表示歉意。我尝试了 Google 翻译,发现它相当准确,虽然我的德语很生疏。
通常情况下,设备的原生缩放级别会处理大多数更改字体大小的原因,但这主要在具有内置屏幕的手持设备上有效。一旦你开始将计算设备连接到屏幕,就会开始变得困难。
例如,我现在正在笔记本电脑上打字,连接到电视。电视(最大)分辨率为 1920×1080,但 Windows 建议缩放级别为 100%。我不确定 Windows 在这里是否给出了明智的缩放级别建议,它可能没有从电视那里获得足够的信息来确定缩放级别应该是什么。屏幕的物理大小应该反映在缩放级别上。
我猜这是一台 42 英寸的电视,因此缩放级别应该反映这一点,而不是将其视为具有相同分辨率的笔记本电脑屏幕。我的笔记本电脑屏幕具有相同的分辨率,1920×1080,但 Windows 建议将其缩放级别设置为 150%。
电视上的 100% 缩放级别使文本太小,我必须将其放大到至少 125% 才能在距离屏幕约 1 米的地方阅读文本。然而,从电视的更自然距离(可能为 2 或 3 米)观看,缩放级别必须反映这一点。
在 Media Queries 级别 4 中,他们去掉了除打印和屏幕之外的所有媒体类型;由于缺乏支持,一直以来都无法使用
@media tv
,这可能在这里有所帮助。我们只能依靠操作系统为屏幕分辨率提供合理的缩放级别,并假设标准字体大小因此看起来还可以,因为它已经缩放到适合物理设备大小。
也就是说,16px 标准可能是基于老式 PC 屏幕的,当时我们的分辨率较低,观看距离也比现在短。我不记得操作系统或浏览器曾经询问我作为用户,我发现什么尺寸的文本舒适。在可访问性方面,这可能是一个好主意。
与其在访问的每个网站上出现恼人的 cookie 弹出窗口,我们至少可以从浏览器获得一个初始弹出窗口,询问我们发现什么文本大小舒适。
由于我视力障碍,我一直将我使用的所有浏览器的基本字体大小设置为 17px。
有些网站如果没有将字体大小设置为至少 +20%,就几乎无法阅读。
所以,是的。18px 应该是默认值。
我不在乎那些认为自己视力完美的人,他们让别人受苦。此外,并非每个人都是开发人员,因此无法轻松强制执行适当的字体大小(例如,使用 userChrome.css)。
提示:你的视力不会随着时间的推移而改善。我的视力从一开始就不好,而且也不会改善。
再见,w0lf。