【问题标题】:Are browser default font sizes dependent on DPI?浏览器默认字体大小是否取决于 DPI?
【发布时间】:2012-12-25 15:03:13
【问题描述】:

我偶然发现了http://informationarchitects.net/blog/100e2r/,这是一篇主张使用浏览器 100% 字体大小作为正文文本的博客条目。我很惊讶该文本声称该页面上的字体大小是浏览器默认大小,因为它比我预期的要大。

我从上面的链接中查看了正文的继承样式,如下所示:

font-size: 1.313em;

根据我对样式表的理解,这意味着字体应该以浏览器默认大小的 131.3% 呈现。那么博客显示的字体大小是浏览器的默认大小是不正确的吗?

该公司的网站以 Apple 为重点,因此我认为该问题的答案可能与 DPI 设置有关,因为 Apple 默认为 72,Microsoft 默认为 96。96/72 的值接近 1.313。

我将 Chrome 字体设置为默认大小 16。由于我运行的是 Windows,我认为这意味着 16 像素或 12 磅。在 Mac 上,默认字体大小是否也是 16 像素,因此是 16 磅?

【问题讨论】:

  • 如果你能分离出这个问题(例如,“100% 的字体大小是否与 1em 相同?”)它会更容易回答。
  • @valentinas 我的主要困惑是因为我确定的网站说它以默认大小显示文本,但根据我的经验,它没有。我错了吗?额外的细节是为了扩大问题范围,使其对社区更有用。
  • 在这种情况下,问题属于“过于本地化”类别,因为它仅与 2006 年的特定文章相关。

标签: css browser font-size dpi


【解决方案1】:

在 2006 年写这篇文章时,他们有另一个设计,在存档 http://web.archive.org/web/20070706194102/http://www.informationarchitects.jp/100E2R/ 中找到了它——你可以看到 font: 100%/1.45 Helvetica, Arial, Verdana, sans-serif; 在默认桌面浏览器上给出 16px :)

【讨论】:

  • 好发现!我想这回答了我关于文章不正确的问题。你知道 16px 是否是 Windows 和 OS X 上 Chrome 的标准默认值吗?我可以确认 16 是默认值,但我不确定单位。
  • 据我所知,16px 是所有桌面浏览器的默认字体大小。 Windows 和 OSX 上的 Google Chrome 也使用 16px 作为默认值。
猜你喜欢
  • 2016-04-15
  • 2013-02-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-13
  • 2020-10-06
  • 1970-01-01
  • 2016-02-09
相关资源
最近更新 更多