前端项目引入苹方字体

下载字体文件

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;}
1
2
3
4
5
6
7
8
9
10
11
12

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）