使用在线链接阿里图标库（iconfont）(vue)

1.阿里图标库网址

https://www.iconfont.cn/

2.搜索–>图标名称–>鼠标移入图标->加入购物车–>点击购物车–>添加至项目




2.点击Font class -->查看在线链接 -->点击复制
3.vue create 项目名称 --> public文件夹–>index.html -->给地址添加http:或者https:

/*html*/
/*第一种*/
<link rel="stylesheet" href="http:复制的地址">
/*第二种*/
<link rel="stylesheet" href="https:复制的地址">
/*例如：
 <link rel="stylesheet" href="http://at.alicdn.com/t/font_3138301_9aht8ysf0cc.css">
 <link rel="stylesheet" href="https://at.alicdn.com/t/font_3138301_9aht8ysf0cc.css">
 */
 /*vue*/
  <i class="iconfont icon-up" style="color: red"></i>

效果：