使用阿里巴巴字体库
- 登录阿里巴巴矢量库,找到字体库
- 下载字体库文件(在线只支持调试,存在稳定性问题,官方推荐:下载字体库)
- 下载后可获得(如图)
- 下载后可获得(如图)
- 在项目中
src\assets\font存放文件 - 创建
css文件引入字体文件
@font-face {
font-family: "ali_Regular";
/* font-weight: 100; */
src: url("../font/Alimama_DongFangDaKai_Regular.woff2") format("woff2"),
url("../font/Alimama_DongFangDaKai_Regular.woff") format("woff");
font-display: swap;
}
- 在
main.js中进行全局引入,就可以在全局进行使用了
import '@/assets/iconfont/font.css'