目录
方法一：
方法二：
方法三：
引入阿里巴巴 Fontclass 方法一：
第一步：复制 Font class 字体链接 （图1）
第二步：将 Font class 字体链接 通过 import 引入到 自建的 css文件中，并在 .vue 项目中通过 标签 使用。注意： 标签必须有class名 iconfont。（图2）
第三步：将要使用的图标代码复制 到 标签 ，作为第二个class类名。（图3）
图1：
图2：
图3：
方法二：第一步：新建一个css文件 iconfont.css（文件名随意），将 Font class 字体代码全部复制到css文件中。（图4）
第二步：在 main.js 中 引入 iconfont.css 文件。（图5）
第三步：在 .vue 文件中通过 标签使用。（图5）
图4：
图5：
方法三：第一步：将 Font class 字体压缩包下载至 本地（图6），存放到 iconfont 文件下（文件名随意）。（图7红色框内）
第二步：在 main.js 中 引入其中的 iconfont.css 文件。（图7蓝色箭头）
第三步：在 .vue 文件中通过 标签使用。（图7绿色箭头）
缺点：无法获取到最新的字体库，每次更新字体库都得重新下载压缩包
图6：
图7：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）