2013-01-11 68 views
4

我碰到http://informationarchitects.net/blog/100e2r/偶然发现,一个博客条目,论证了使用浏览器100%字体大小正文。我惊讶地发现,该文本声称该页面的字体大小是浏览器的默认大小,因为它大于我的预期。浏览器默认字体大小是否依赖于DPI?

我看了一下从上面的链接正文继承的风格,它是:

font-size: 1.313em; 

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

该公司的网站有一个苹果的焦点,所以我想也许这个问题的答案与DPI设置有关,因为苹果默认为72,微软默认为96. 96/72接近1.313。

我有我的浏览器的字体设置为默认大小,16。因为我运行Windows,我认为这意味着16个像素或12分。在Mac上,默认的字体大小也是16像素,因此是16点?

+0

如果你可以隔离问题(如“16px的100%字体大小与1em相同?“),这将使它更容易回答。 – valentinas

+0

@valentinas我的主要困惑是因为我确定该网站说,它显示在默认大小的文本,但以我的经验,事实并非如此。我错了吗?额外的细节是扩大问题的范围,使其对社区更有用。 – davidmneedham

+0

在这种情况下,问题落在下“太本地化”的范畴,因为它是只对特定文章从2006年 – valentinas

回答

3

在2006年的时候我写这篇文章,他们有另外的设计,发现它在归档http://web.archive.org/web/20070706194102/http://www.informationarchitects.jp/100E2R/ - 你可以看到font: 100%/1.45 Helvetica, Arial, Verdana, sans-serif;这给默认的桌面浏览器:)

+1

好找到相关的!我想这回答我的问题关于文章是不正确的。你知道在Windows和OS X上,16px是Chrome的标准默认设置吗?我可以确认16是默认值,但我不确定这些单位。 – davidmneedham

+1

据我知道16px的是所有桌面浏览器的默认字体大小。 Windows和OSX上的Google Chrome也使用16px作为默认设置。 – antejan