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