锐客网

  1. 首页 > 睿知 > >

和大家聊一下那个我们很熟悉的font-weight属性-font weight

生活知识经验知识

font-weight属性 。
都用过吧？
用的比较多的值可能是下面这两个：
normal
bold
其实这两个值只不过是font-weight的冰山一角 。
我们还可以设置成：
lighter
bolder
甚至还有更细腻的取值如下所示：
100
200
300
400===normal
500
600
700===bold
800
900
这些各位都明白吧 。这些值在使用的时候不可以随便取的 。例如 。你一时兴起 。要来一个font-weight:440 。行吗？当然不行 。就只能是100到900整百数 。
linghter/bolder到底是个什么情况?
观看到的上面的取值了吗？400等于normal 。而取值700等于bold 。加上头100 。尾900 。lighter和bolder是基于这4个临界点来分析渲染的 。仔细如下
继承值/bolder/lighter
100/400/100
200/400/100
300/400/100
400/700/100
500/700/100
600/900/400
700/900/400
800/900/700
900/900/700
有的人可能小心到一点 。平常项目中无论设置的是300还是400、500文字的粗细都没有所有变化 。只有到700的时候才会观看到的加粗 。这是什么原因呢？
事实上 。任何这些数值重要字浏览器都是接受的 。之所以没有观看到的所有细腻粗细的变化 。是因为我们的系统里面缺乏对应粗细的字体 。
也就是说 。font-weight要想真正发挥潜力 。问题不在于css的接受 。而在于是否存在对应的字体 。
那如果又没有对应的字体文件 。我们又想有多档字重效果 。该怎么样？
【和大家聊一下那个我们很熟悉的font-weight属性-font weight】答案是：也许font-face可以帮助你 。

    推荐阅读


    上一篇：为什么感觉网络上喷子和杠精那么多？

    下一篇：小餐饮店如何做营销？