vue项目中使用线上字体图标

Posted 奥特曼 

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目中使用线上字体图标相关的知识,希望对你有一定的参考价值。

字体图标我们都很熟悉,但是在一个项目中 字体图标用的非常广泛,如果我们把字体图标下载下来,打包时体积也很大,所以我们可以用线上地址引入到public/index.html中使用

使用字体图标

一、添加到购物车

阿里字体图标官网中 把想要的字体图标加入购物车

 二、查看购物车添加至项目中

三、生成链接

 四、点开生成好的链接放到public.html中去引入

五、使用字体图标 

前面是阿里图标的名字 后面是字体图标的名字 

<i class="iconfont icon-kuangweifenggerenwu7"></i>

 

 

 

以上是关于vue项目中使用线上字体图标的主要内容,如果未能解决你的问题,请参考以下文章

iconfont字体图标导入到vue项目中

iconfont字体图标导入到vue项目中

Vue移动端项目——字体图标的使用

vue项目打包部署elementUI的字体图标丢失问题

在vue中使用ztree树形组件,如何将ztree图片,改成字体图标呢?求解答?求思路?

Vue 3 - 动态绑定字体真棒图标