首页 >> 大全

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

2023-06-23 大全 78 作者:考证青年

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

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了