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

好文

已推荐百科知识 2022年12月14日 00:49:16 3 2 桔子生活网营销顾问知名网络工程师互联网优化师本文总共690个字，预计阅读时间或需3分钟

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

您还感兴趣的文章推荐

以上就是由互联网推广工程师桔子生活网整理编辑的，如果觉得有帮助欢迎收藏转发~

本文标题：和大家聊一下那个我们很熟悉的font-weight属性-font weight
本文地址：https://www.wangchuang8.com/77690.html，转载请说明来源于：桔子生活网
声明：本站部分文章来自网络，如无特殊说明或标注，均为本站原创发布。如若本站内容侵犯了原著者的合法权益，可联系进行处理。分享目的仅供大家学习与参考,不代表本站立场。