网站上的小字体

时间:2008-12-03 08:52:47

标签: html css fonts typography

我的主要浏览器(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标题和绝对字体大小。 'medium'值是用户首选的字体大小并用作参考中间值。 “ - 强调我的。


有一个共识是,网站基于相对字体大小的典型浏览器默认值为16px,这是不幸的,但“那是生命”。但是其他系统呢?我们可以期望所有浏览器都默认吗?

至少我现在明白了这个问题。

在我选择最终答案之前,我想暂时搁置这个问题以确定其他人是否有不同意见。


结论:我已将所有浏览器重置为16px(在我的125 DPI计算机上为18px),并将我的网站设置为使用font-size:90%。这样可以提供良好的显示尺寸,当然,我所有喜欢的网站现在都是可读的。感谢所有建设性的答案和热烈的来回。

这是一个很棒的社区。

9 个答案:

答案 0 :(得分:8)

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

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

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

答案 1 :(得分:2)

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

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

答案 2 :(得分:2)

我不在乎字体的大小, 只要我可以更改 。这是我讨厌Flash网站的最大原因。不久前我正在寻找某个大公司的职业页面,字体是TINY。我的本能反应是按Ctrl- +(在Firefox中)但是用flash渲染的文本无法调整大小!我立刻离开了网站。我没有最好的视力,所以我需要能够让小文字更大。

我经常遇到的另一个问题是固定宽度的网站。我使用的是高分辨率显示器(1600x1200,1280x800或更高),除了我的屏幕空间超过一半空白外,我没有什么可恨之处。更糟糕的是,有些网站,当我将字体变大时,固定宽度不会变大!一旦我尝试阅读文章后,文字变得更大,并且每行三个字,并且右边的空白屏幕空间负载......

答案 3 :(得分:2)

Software Monkey开始打击全世界。他完全不同意浏览器呈现字体大小的方式,主要网站以及他们设置字体大小的方式,并尝试与此帖子的每个单独的海报进入热门参数。

我的生活中有一个简单的指导方针。如果你认为其他人都错了,你可能就不对了。

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

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

无论如何,祝你好运。

答案 4 :(得分:1)

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

答案 5 :(得分:0)

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

答案 6 :(得分:0)

  • 使用css操作字体大小
  • 在em
  • 中指定字体大小
  • 使用作弊码(例如#,_) 不同浏览器,如果字体呈现 在不同的大小不同 浏览器。

答案 7 :(得分:0)

回答你的编辑:原因是不言而喻的。页面的设计者需要传达具有不同属性的一组信息,并且改变字体的实际尺寸是他可用的排版和布局中的(最早的)工具之一。

您可以让观众为自己定义一个舒适的基线,但是如果设计师希望强调或压缩一段由他决定并且的文本的重要性你的利益。你不应该嫉妒他50%的高度,而不是你应该#999或斜体。

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

答案 8 :(得分:0)

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