项目中引用 iconfont —— font class使用

font Class引入方式不支持彩色图标!

在线引用(可使用外网时)

在iconfont中生成引用链接:
在这里插入图片描述
index.html中引用

<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/c/font_4415333_qplex4jdqdp.css">

使用( class=“iconfont” 必写):

font-size设置大小

<i class="iconfont icon-a-008_kafei" style="font-size:60px"></i>

本地引用

下载至本地:
在这里插入图片描述

解压压缩包:

在这里插入图片描述

引入选中文件:

在这里插入图片描述
在这里插入图片描述

css中删除其他文件引入:

在这里插入图片描述

main.js中引入css文件:

在这里插入图片描述

使用( class=“iconfont” 必写):

font-size设置大小

<i class="iconfont icon-a-008_kafei" style="font-size:60px"></i>