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

【如阿里巴巴普惠体如何在项目中引入字体库】1、先找到你需要的字体下载下来 , 然后解压 。
比如:阿里巴巴普惠体 , 下载地址
2、解压之后得到安装包 , 电脑需要安装的可以直接安装 。
3、打开ttf或otf文件夹得到所有字体
4、根据你需要的引入到项目当中 。
4.1在目录下新建一个文件夹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;}