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

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;
}

猜你喜欢

转载自blog.csdn.net/qq_36821274/article/details/125431034