font weight font
大家好,关于font weight很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于font的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!
font-weight是字体粗细的意思吗
1."font-weight"属性用于控制字体的粗细程度。
2."normal"值表示字体的标准粗细,即不进行任何粗细调整。
3."bold"值会使字体显得更粗,比默认的粗细要加粗。
4."bolder"值比"bold"还要粗,它会继承父元素的字体粗细,并在此基础上进一步加粗。
5."lighter"值则会使字体显得更细,相对于"normal"来说,它会减淡字体的粗细程度。
6.若想详细了解"font-weight"属性的应用和效果,建议查阅相关资料进行深入研究。
font-weight的映射规则
条件处理方式如果字体集中已经使用了9级数值的范围(例如OpenType一样)字体的粗细应该直接与9级数值相匹配如果一种字体同时拥有Medium,还有Book、Regular、Roman或者Normal的字体集名称 Medium通常分配为“500”,其他4个分配为“400”字体集中有标记为“bold”的名称相当于“700”数值如果字体集中少于9级粗细级别参照缺失填补方式,即表5.6所示如果字体集中少于9级粗细度算法,那么填补缺失的方法如表4所示。
表4填补缺失的方法缺失数值填补方法“500”缺失和“400”相同缺失“600、700、800、900”中任何一个值和下一等级较粗的值相同。如果没有,则和下一等级较细的值相同缺失“300、200、100”中任何一个值和下一等级较细的值相同。如果没有,则和下一等级较粗的值相同例如,如果一个字体中缺失“500”和“900”,那么该字体的9级粗细值就应该相当于“100、200、300、400、400、600、700、800、800”。
表5所示的是一种字体的常规对应方式,假设有一种字体叫做“Myownfont1”,它共有Regular、Medium、Bold、Heavy等4个关键字表示粗细等级,则对应匹配方式如下。
表5字体常规对应方式可用字体名分配填补空缺 Myownfont1 Regular 400 100、200、300 Myownfont1 Medium 500- Myownfont1 Bold 700 600 Myownfont1 Heavy 800 900假设有一种字体叫做“Myownfont2”,共有6个等级,此时对应匹配方式如表6所示。
表6 Myownfont2的对应匹配方式可用字体名分配填补空缺 Myownfont2 Book 400 100、200、300 Myownfont2 Medium 500- Myownfont2 Bold 700 600 Myownfont2 Heavy 800- Myownfont2 Black 900- Myownfont2 ExtraBlack不分配-由表6可以看出,浏览器不会为ExtraBlack的关键字分配9级数值对应匹配。
有了以上匹配方式,对于“bolder”和“lighter”的匹配也不难理解。“bolder”就是匹配字体集中可用的下一级较粗字体,反之“lighter”也是一样,匹配下一级较细字体。它们的参照系都是继承值,因此粗细程度都是相对于继承值而言的。注意如果继承值已经是“900”,那么无论添加多少“bold”关键字也不会再加粗字体。对于字体的粗细程度的定义就基本限于以上介绍的内容。对于实际应用而言,一般设计者不会在一篇文章中定义超过3级的粗细程度,且设计的时候粗细程度应该有所跳跃,否则反而不能突出加粗的内容。
css里的font- weight:500是什么意思
css里的font-weight:500以下的都没效果。但是输600以上的都可以看见自己加粗了是设置错误造成的,解决方法为:
1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签创建一行文字,用于测试。
3、在test.html文件内,给div标签添加一个class属性,属性值为title。
4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5、在css标签内,通过class设置div的样式,定义其font-weight属性为bolder,即可实现加粗,同时,使用font-size属性设置文字的大小为20px。
好了,关于font weight和font的问题到这里结束啦,希望可以解决您的问题哈!