Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 网站上的小字体_Html_Css_Fonts_Typography - Fatal编程技术网

Html 网站上的小字体

Html 网站上的小字体,html,css,fonts,typography,Html,Css,Fonts,Typography,我的主要浏览器(FF和Chrome)都配置为12像素字体。在这两种浏览器中,字体选择器都显示字体预览,并且在这两种浏览器中,字体大小相同,适合阅读网站。我的IE不允许我设置字体大小,但似乎默认为比Chrome稍大一点的字体 在我的个人网站上,我使用XHTML和CSS,并将页面字体指定为“中等”,并将该字体大小用于所有的主文本(“内容”文本)。当我在IE 7、FF 3和Chrome 0.4中查看站点时,字体会按预期显示,并与字体选择器匹配(IE中字体稍大一点的情况除外) 但是,我几乎访问了任何其他

我的主要浏览器(FF和Chrome)都配置为12像素字体。在这两种浏览器中,字体选择器都显示字体预览,并且在这两种浏览器中,字体大小相同,适合阅读网站。我的IE不允许我设置字体大小,但似乎默认为比Chrome稍大一点的字体

在我的个人网站上,我使用XHTML和CSS,并将页面字体指定为“中等”,并将该字体大小用于所有的主文本(“内容”文本)。当我在IE 7、FF 3和Chrome 0.4中查看站点时,字体会按预期显示,并与字体选择器匹配(IE中字体稍大一点的情况除外)

但是,我几乎访问了任何其他网站(谷歌、StackOverflow、DailyWTF、Codinghoror、微软、Sourceforge、甚至W3C等),它们都以微小的微型字体显示——我估计是5-7像素

这在3台不同的计算机上是正确的,有2个不同的O/S(Vista和XP)和4个不同的显示器(笔记本电脑、CRT和全新的WS-LCD)

怎么回事?我是否忽略了一些我需要了解的网站设计的基本知识?或者只是所有这些网站都在做一些愚蠢的事情,比如将字体设置为50%,或者0.5em,或者x-small???为什么网站设计者不能尊重我对内容文本的字体选择(我知道边栏、页脚等可能比较小或x-小)

我可能会觉得这只是无知的网站设计师,但是,见鬼!,这些是一些大牌网站

编辑:我并不是说使用em或%是愚蠢的,我想知道为什么许多网站似乎使用了我配置大小的50%。当然,我配置的大小是我希望看到文本的大小

编辑:来自W3C的CSS规范:“下表提供了用户代理关于绝对大小映射到HTML标题和绝对字体大小的指导原则。中间值是用户首选的字体大小,并用作参考中间值。”-emphasis mine


大家一致认为,网站的相对字体大小是基于典型的浏览器默认值16px,这很不幸,但“这就是生活”。但是其他系统呢?我们能期望所有浏览器都默认吗

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

在我选择最终答案之前,我想先把这个问题留一段时间,看看其他人是否有不同的看法


结论:我已将所有浏览器重置为16px(在125dpi机器上为18px),并将我的网站设置为使用字体大小:90%。这是一个很好的显示大小,当然,所有我喜欢的网站现在都可读。感谢所有建设性的回答和生动活泼的来来回回


这是一个很棒的社区。

将字体设置为%或em度量值不是愚蠢的事情,事实上,W3C建议这样做

大多数浏览器(如果不是所有浏览器)都将默认字体大小设置为16px。许多网站也使用相对字体大小。如果浏览器的字体大小小于此值,则会导致问题

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


解决方案是将您的默认浏览器字体大小保持在16px,这将使您能够真实地看到其他人在查看您的站点时看到的内容。哦,使用相对字体大小是最佳做法,不是错误。

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

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

  • 使用css操作字体大小
  • 用em表示字体大小
  • 使用作弊代码(例如#、35;)进行作弊 如果呈现字体,则使用不同的浏览器 在不同的地方有不同的尺寸 浏览器

我在Chrome上遇到过这个问题,但没有达到您所说的程度。但是,有些页面显示的字体非常小,在其他浏览器中看起来还可以。在一些论坛中,每篇文章的字体实际上都变小了——因此我通常可以阅读第一篇文章,也可能是第二篇,但其余的只是像素:)

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

作为观众,你可以为自己定义一个舒适的基线,但如果设计师希望强调或贬低文本某一部分的重要性,这取决于他,并且对你有利。你不应该嫉妒他50%的身高,就像你不应该嫉妒他一样


所有这一切都取决于设计师是否物有所值,而不是滥用它,这很可悲。

我不在乎字体的大小,只要我能改变它。这就是我讨厌flash网站的最大原因。不久前,我在看某大公司的求职页面,页面的字体很小。我本能的反应是按Ctrl-+(在firefox中),但在flash中呈现的文本无法调整大小!我立即离开了现场。我没有最好的视力,所以我需要能够使小文本变大


我经常遇到的另一个问题是固定宽度的网站。我使用高分辨率显示器(1600x1200、1280x800或更高),没有什么比让一半以上的屏幕空白更让我讨厌的了。更糟糕的是,有些网站,当我把字体变大时,固定宽度并没有变大!有一次,我在把文本放大后试图阅读一篇文章,它每行有三个单词,右边有一堆空白

软件猴子开始与