uniapp引入iconfont

作者: gavin 分类: uniapp 发布时间: 2022-02-12 22:52

第一步：下载字体包导入到项目的static下(只保留css和ttf）

static
  | font
      | iconfont.css
      | iconfont.ttf

第二步：修改iconfont.css文件

@font-face {
    font-family: "iconfont";
    src: url('~@/static/fonts/iconfont.ttf');
}

第三步：在uni.scss中引入iconfont.css文件

@import url("/static/fonts/iconfont.css");

第四步：页面调用icon

<text class='iconfont icon-linghuaqian'></text>