使用em或px的字体大小?

时间:2011-03-29 04:57:30

标签: html css

我应该为网站的正文设置多大,h1h2和段落字体大小?

2 个答案:

答案 0 :(得分:8)

简而言之:这取决于您想达到的目标和品味

出于可读性目的,您应该使用浏览器中预先设置的内容并且不要触摸任何内容,但实际上我们都会根据我们认为最好的工作或最喜欢的方式修改字体的大小。

EM会更好用于控制文本大小调整的灵活性,但您必须注意不要嵌套各种EM测量。例如,如果我说

body {font-size:0.8em}后来我写了p {font-size:0.8em},我已经完成了字体

它按比例缩小了2倍所以它就像1 * 0.8 * 0.8如果你继续增加或减少它可能会导致与其他文本调整大小的大问题。

PX也没关系,现在最近的浏览器可以轻松调整浏览器大小并允许覆盖PX定义并调整内容大小(我认为唯一没有做到这一点的是IE upt到IE8,但我不知道IE9)

我的建议是使用fibonacci proportion或至少保持2 / 3px的字体大小与H1,h2,h3之间的差异......下至

这里有一个关于人们正在使用什么以及什么是规模的更完整和更好的阅读 http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/

和一篇关于它的好文章分开:http://www.alistapart.com/articles/howtosizetextincss/

答案 1 :(得分:0)

如果你想使用ems,你可以设置......

body {
   font-size: 62.5%
}

使1em大致10px

否则,您希望它们具有什么价值取决于您,但请务必牢记h1h2等的语义含义。例如,h1 比<{1}}更具视觉重要性(更大的字体大小,更亮的颜色等),等等。