在CSS中使用相对字体大小确实有任何意义吗?

时间:2008-11-15 23:50:58

标签: html css fonts font-size

我已经阅读了很多关于使用相对或绝对字体大小调整大小的优缺点。固定大小不会放大IE6,但这些日子并不是什么大问题。可访问性很重要,但我认为所有良好的可访问性软件都是为了解决这些问题而构建的?

我想这主要归结为您是否希望能够使用一个规则更改所有字体大小(即您设置的默认字体大小),或者您是否希望能够在某处更改字体大小而不影响嵌套元素(这是让我最沮丧的事情!)。

任何人都有任何提示吗?

7 个答案:

答案 0 :(得分:4)

根据YUI Font CSS

  

始终使用百分比作为单位   因为它们更加一致   比ems,因为他们允许   用户启动的大小调整(不像   像素)。

相对字体大小在它们是YUI等框架的一部分时效果很好。特别是因为它们规范了字体在浏览器中的工作方式。

就个人而言,我偶尔会抛出绝对值px,但通常仅用于必须以某种方式与其他设计元素(如菜单)进行大小匹配的文本。

当您将%分配给某个元素,然后将不同的%分配给包含的元素时,%stuff会崩溃。但这是我发现的唯一真正的问题。

答案 1 :(得分:2)

正如本CSS font size文章中所述:

  

理想情况下?最好的衡量单位是无所有!让用户代理根据用户的偏好确定显示 - 但是!我们也知道,对于大多数设计,这不是一个非常实用的方法。亲身?我更喜欢.em和.px的“混合'匹配”灵活性 - 随着用户代理变得更加“用户友好”,设计师大小不会像现在这样存在潜在的问题或争议。

不要忘记,虽然相对字体大小可用于...字体大小以外的其他东西!

答案 2 :(得分:2)

除了能够在IE6中调整大小(这仍然是一个非常流行的浏览器)之外,相对字体使您更有可能在默认情况下匹配用户的需求而无需调整大小(或知道如何,如果我们在这里谈论没有经验的用户)。用户 - 或代表他们的人 - 出于充分的理由(例如视觉障碍)可能会增加字体大小作为DPI,OS或浏览器定制,并且通过相对大小调整,您可以将这些信息用于他们的优势。

对于必须与尺寸与像素大小的其他页面元素(即图像)匹配的文本,请使用“px”。对于其余的, '%'。问题假设使用相对字体大小在某种程度上是困难的;我认为不是。

通常,您将在主体上的'%'中设置一个字体大小,在其他页面元素上设置一些比一般正文文本更重要或更重要的字体大小。您应该很少有足够的嵌套级别和嵌套的字体大小,以至于无法轻松跟踪它们。

没有任何关于尺寸与父母尺寸相关的东西特别难以理解,这个属性可能很有用:如果你想改变页面或部分字体的基本字体大小,你可以改变它一次,而不是必须修复包含元素的每个字体大小声明。

亲戚唯一真正的困难是当你相对调整一个块时,你想要将里面的大小恢复到原来的大小。您可以计算出与父级百分比相反的百分比,但它可能是一个丑陋的数字,如果您不能/不能完全准确地说明它,您可能会得到1px舍入误差。在这种偶然的情况下,退一步看看选择器可能是一个好主意,看看你是否不能更有选择地应用大小以避免必须撤消它。

如果我们的单位只相对于用户的默认大小而不是父级大小来攻击这样的问题,那将是很好的。不幸的是,唯一有效的值是最小/较小/小/中/等。关键字,除历史浏览器一致性问题外,还相当粗糙。

答案 3 :(得分:1)

OS X和Windows处理至少pt字体大小的方式不同,所以这肯定是完全禁止的。另一方面,使用相对字体大小有什么好的理由吗?这并不是说这是一场双方都有充分论据的加权辩论。相反,一方面有几个优点(可能不是一直都很明显)。但另一方面,只有明显的优点,经过最轻微的探索,证明毫无价值。 1

实际上,我只能考虑绝对字体大小的一个参数,即通过复制设计软件中使用的字体大小,它可以更容易地为完成的设计实现CSS。实际上,一致的设计只会使用少量不同的字体大小,这些字体大小是彼此的简单比例(例如,80%),因此可以用em%表示。 / p>


1)你说:

  

或者您是否希望能够在不影响嵌套元素的情况下更改字体大小

你到底是什么意思? CSS的重点在于您(通常)相对于父元素更改元素的属性。为什么这会成为一个问题?

整个辩论略微让人联想到“不要使用布局表”辩论。对于非专业人士 2 而言,这些论点似乎是教条主义,但无论如何都没有理由不遵循它们。这并不是说要求争论是错误的!但是,有太多无意义的违反此规则的行为。


2)为了记录,我不是网页设计专业人士。只需一点点盐就可以了解我的技术意见。但这个论点实际上与所使用的技术无关。

答案 4 :(得分:1)

想想你的父母或祖父母在看你的网页时,有没有他们的双焦点(或三焦点)。如果因为你制作了8px的所有字体而无法阅读它们,它们可能会去其他地方。如果他们点击“文字大小>>最大的'没有任何反应,他们可能会去其他地方。

鉴于 - 至少在美国 - 许多网络冲浪者都是有时间,金钱和失明视力的老年人,使用em作为公共网站的字体似乎会带来很大的好处; - )< / p>

答案 5 :(得分:0)

有效的唯一重要原因是很多人仍在使用IE6。只是这个。 在2008年底,在IE6上不再给予关注可能是一件好事。但是很难忽视IE6。我在意大利的一家大公司担任网页设计师/ devolper,我们的许多雇员或客户在他们的工作计算机上正在使用IE6浏览互联网。

为什么呢?他们没有管理员权限,无法在他们的计算机上安装anithing,系统管理员总是忙于升级每个办公室的计算机。也许这个人会在需要更换硬盘时升级到IE7(像Firefox这样的梦想)。

这种事情有可能只发生在意大利。但我不打赌这个。

答案 6 :(得分:0)

使用字体大小,行高,上/下边距和填充的相对单位也可以在用户增加/减少文本大小时保持印刷比例不变。排版和设计的人会欣赏它=)