阿里巴巴普惠体在项目中的使用

下载字体

链接: pan.baidu.com/s/1DyUXg5gV…

提取码: dupq

点击每一项进行安装

安装完成后就可以在电脑上比如word等地方使用。

前端项目中的使用

1. 将文件导入项目中，放在一个文件夹中，如：

2. 在css中利用 @font-face 声明一下,font-family的值是自定义的

  @font-face {
    font-family: alibaba;
    src: url("../assets/font/Alibaba-PuHuiTi-Light.otf");
  }
  @font-face {
    font-family: AliHYH;
    src: url("../assets/font/AliHYAiHei.ttf");
  }

3. 引用字体

p {
    font-family: AliHYH;
}