阿里图标官网:https://www.iconfont.cn/
创建“我的项目”,获取css链接:
两种使用方法:
一.本地引用
1.引入iconfont 的css
<link rel="stylesheet" type="text/css“ rel="external nofollow" href="font/iconfont.css">2.设置class属性
<i class="iconfont iconwode"></i>3.设置样式
<i class="iconfont iconwode" style="font-size: 30px; color: red;"></i>二. 在线引用
1. 将生成的http域名地址引入
<link rel="external nofollow" rel="external nofollow" href="http://at.alicdn.com/t/font_1140708_49fgy6j800s.css" rel="stylesheet" />2. 复制图标类名并设置class属性
<p><i class="iconfont iconwode" ></i>我的</p>3. 设置样式2. 复制图标类名并设置class属性
<p><i class="iconfont iconwode" ></i>我的</p>3. 设置样式
<i :class="'iconfont ' + item.icon"></i>其中item.icon是图标名称
阿里云图标使用i包裹来更改样式