字体

365 阅读1分钟

使用阿里巴巴字体库

  1. 登录阿里巴巴矢量库,找到字体库
  2. 下载字体库文件(在线只支持调试,存在稳定性问题,官方推荐:下载字体库)
    • 下载后可获得(如图) image.png
  3. 在项目中src\assets\font存放文件
  4. 创建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;
}
  1. main.js中进行全局引入,就可以在全局进行使用了
import '@/assets/iconfont/font.css'