美文网首页让前端飞程序员
CSS | 字体系列之字体加粗

CSS | 字体系列之字体加粗

作者: 重学前端MDN | 来源:发表于2018-02-28 13:34 被阅读201次

    标示加粗字体的方法很多,例如,名为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

    相关文章

      网友评论

        本文标题:CSS | 字体系列之字体加粗

        本文链接:https://www.haomeiwen.com/subject/slvqxftx.html