如何在项目中引入字体库（如阿里巴巴普惠体）

1、先找到你需要的字体下载下来，然后解压。

比如：阿里巴巴普惠体，下载地址https://done.alibabadesign.com/puhuiti2.0

2、解压之后得到安装包，电脑需要安装的可以直接安装。

3、打开ttf或otf文件夹得到所有字体

4、根据你需要的引入到项目当中。

4.1在assets目录下新建一个文件夹font，然后把 需要的字体复制进去

 

4.2然后在css里面引入这个文件。

@font-face {
  font-family:AliMedium;
  src:url('../../assets/font/AlibabaPuHuiTi-2-65-Medium.ttf')
}
@font-face {
  font-family:AliHeavy;
  src:url('../../assets/font/AlibabaPuHuiTi-2-105-Heavy.ttf')
}

 4.3然后就可以直接使用了

.text{
  font-family:AliHeavy;
}