首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

记录一次关于css font-weight引发的风波

; } &.p2 { font-weight: 400; } &.p3 { font-weight: 700; } } 这里,我分别指定了一组中英文的渐进字重文段...font-weight font-weight属性决定着文字的粗细程度,值可以为数字或者关键字,常用的大概有以下类型 300 400 (normal) 500 600 700 (bold) 注意:bolder...例如:如果父元素设置的是font-weight:200; 子元素我设置为font-weight:bolder; 那么你在浏览器上查看的时候你会发 现最后显示就变成了normal的效果。...字体对font-weight的影响 我们都知道,在 css 中,可以通过 font-family 指定不同的字体,并且可以给定一个先后顺序,由字体名或者字体族名组成。...通过@font-face来实现 @font-face { font-family: 'PingFang SC Regular'; src: url('..

1.4K20

CSS字体font

字体大小 font-size 设置字体的大小 ,px 是一个单位,代表屏幕的上的像素,在css大多数数值都需要添加单位 font-size: 12px; 字体粗细 font-weight 设置字体的粗细...,取值:默认(normal) 、加粗(bold)、 100 - 900 font-weight:bold 因为字体在初始设计的时候就没有设置太多的粗细标准,用数字设置的时候,只有在400和700会产生变化...font-style:italic; 字体类型 font-family 设置不同的字体,取值:宋体、微软雅黑、黑体等等。...,了解:http://code.ciaoca.com/style/cssfont2unicode/ font: font-style font-weight font-size/line-height...font-family; 不建议修改顺序 并且不需要设置的属性可以不写 但是font-size和font-family必须指定,否则将不起作用 行高 行高控制的是文字与文字之间的上下距离 (行距

2.8K30

CSS3魔法堂:认识@font-face和Font Icon

font-weight 和 font-style 和之前使用的是一致的。 src属性后还有一个 local(font name) 字段,表示从用户系统中加载字体,失败后才加载webfont。...src: local(font name), url("font_name.ttf") 三、字体格式                             对于@font-face而言,兼容性问题就是各浏览器所能识别的字体格式不尽相同...不过通过@font-face来实现的Font Icon,我们可以自定义并使用各种符号实体——这些符号实体正确来说应该叫做Web实体符。  ...元素的font-family值为所定义的@font-face时,该元素下的字符则会自动渲染为对应的Font Icon。...七、自定义Font Icon                         由于使用既定的Web字体库需要将整个字体库都下载下来,而实际上用到的Font Icon则只有数个而已,因此通过自定义Font

1.9K80
领券