我不明白字体粗细值。当我将其更改为粗体、正常或 600+ 时,也会更改字体。但将其更改为 100 至 500,不会改变任何内容。为什么有这些价值观?
The font-weight
从 100 到 900 的值反映了设计不同粗细字体的排版实践。很少有字体具有所有这些粗细,但已选择比例来或多或少地覆盖所使用的不同粗细。 CSS3 字体草案描述了一致数字和传统印刷术语(例如“薄”、“超轻”等)之间存在差异,但术语确实有所不同。
在印刷术中,每种粗细都是由印刷师设计的单独字体。这就是为什么大多数字体只有两种或可能只有一种粗细的原因之一:设计字体需要时间,而时间就是金钱。特别适用于网络上使用的字体的另一个原因是显示设备相当粗糙,使得精细的排版通常成为毫无意义的尝试。特别是,小字体高度在低分辨率设备上效果不佳。
CSS 规范定义了一种将声明的字体粗细映射到可用粗细的算法。例如,当只有权重 400 和 700 可用时(通常情况),则权重 100、200 和 300 映射到 400。
然而,在某些情况下,浏览器会根据算法使用粗体字形。这与其说是一个解决方案,不如说是一个问题,并且由于浏览器的差异,如果您要求不存在的权重,可能会导致奇怪的事情。如果请求的粗细为 600 或更大并且字体只有普通 (400) 字体,大多数浏览器似乎会使用算法加粗。例如,设置font-weight: bold
当文本采用 Arial Unicode MS(没有粗体字体)时,会创建 Arial Unicode MS 的人为粗体版本。
常用字体还存在其他问题。有时您需要像使用字体名称一样使用字体名称,例如font-family: Arial Black
而不是逻辑设置font-family: Arial; font-weight: 900
。有时这不起作用,因为从some浏览器仅以逻辑方式工作。
一般来说,不要尝试使用正常和粗体以外的其他粗细unless您通过以下方式使用可下载字体(网络字体)@font-face
,这使您可以控制字体粗细问题。大多数可下载的字体仅包含两种基本粗细,或仅包含一种,但也有一些有趣的免费字体,具有多种粗细。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)