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-face可以帮助你。