当前位置:  开发笔记 > 编程语言 > 正文

网站上的小字体

如何解决《网站上的小字体》经验,为你挑选了1个好方法。

我的主浏览器(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%.这样可以提供良好的显示尺寸,当然,我所有喜欢的网站现在都是可读的.感谢所有建设性的答案和热烈的来回.

这是一个很棒的社区.



1> Philip Morto..:

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

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

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

推荐阅读
黄晓敏3023
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有