美文网首页时光轴
在网页上使用苹果字体

在网页上使用苹果字体

作者: 侯工 | 来源:发表于2018-07-13 19:09 被阅读221次

    苹方提供了六个字重,font-family 定义如下:

    1、苹方-简 常规体
    font-family: PingFangSC-Regular, sans-serif;

    2、苹方-简 极细体
    font-family: PingFangSC-Ultralight, sans-serif;

    3、苹方-简 细体
    font-family: PingFangSC-Light, sans-serif;

    4、苹方-简 纤细体
    font-family: PingFangSC-Thin, sans-serif;

    5、苹方-简 中黑体
    font-family: PingFangSC-Medium, sans-serif;

    6、苹方-简 中粗体
    font-family: PingFangSC-Semibold, sans-serif;

    苹方除了简体的:苹方-简(PingFang SC),还为繁体用户提供有:苹方-繁(PingFang TC) ,苹方-港(PingFang HK)

    1、苹方-繁 的 CSS font-family 使用:
    font-family: PingFangTC-Regular, sans-serif;
    font-family: PingFangTC-Ultralight, sans-serif;
    font-family: PingFangTC-Light, sans-serif;
    font-family: PingFangTC-Thin, sans-serif;
    font-family: PingFangTC-Medium, sans-serif;
    font-family: PingFangTC-Semibold, sans-serif;

    2、苹方-港 的 CSS font-family 使用:
    font-family: PingFangHK-Regular, sans-serif;
    font-family: PingFangHK-Ultralight, sans-serif;
    font-family: PingFangHK-Light, sans-serif;
    font-family: PingFangHK-Thin, sans-serif;
    font-family: PingFangHK-Medium, sans-serif;
    font-family: PingFangHK-Semibold, sans-serif;


    更多咨询请关注:
    1、Git 汇总
    2、VUE
    3、前端开发

    相关文章

      网友评论

        本文标题:在网页上使用苹果字体

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