让前端飞程序员

CSS | 字体系列之字体加粗

2018-02-28  本文已影响201人  重学前端MDN

标示加粗字体的方法很多,例如,名为Zurich的字体系列有很多变形,如Zurich Bold、Zurich Black、 Zurich Light 和Zurich Regular,这些变形都使用相同的基本字体,但是每个变形都有不同的加粗。
如果你希望一个文档

h1 { font-family: 'Zurich Bold', sans-serif; }
h2 { font-family: 'Zurich Black', sans-serif; }
h3, p { font-family: Zurich, sans-serif; }

只有当所有人都安装了这些字体时,样式表才能起作用,但更可能的情况是,大多数人都没有安装所有这些字体。更有意义的做法是为整个文档指定一个字体系列,然后为不同元素指定不同的加粗。

加粗如何起作用

字体指定了9级:100~900

上一篇 下一篇

猜你喜欢

热点阅读