前端项目引入苹方字体

来源:互联网 发布:java热替换jar包文件 编辑:程序博客网 时间:2024/06/15 03:16

下载字体文件

http://pan.baidu.com/s/1b1cRP8

提取密码:6r5s

引入到项目中

@font-face {    font-family: PingFang-SC-Semibold;    src: url("../../fonts/PingFang-SC-Semibold.ttf");}@font-face {    font-family: PingFangSC-Regular ;    src: url("../../fonts/PingFang_Regular.otf");}*{    font-family: PingFangSC-Medium, sans-serif;}

font-family属性

苹方提供了六个字重,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)

原创粉丝点击