Iconfont使用

iconfontlink https://www.iconfont.cn/
在这里插入图片描述

使用:一般是根据项目具体要求下载对应的图标就行

图标管理 — 我的项目 — (如下页面)—右上角新建文项目 — 首页查找图标 — 选择合适的图标—选择加入购物车—点击右上角购物车处—添加至项目—下载至本地在这里插入图片描述在这里插入图片描述
下载至本地后解压文件后,有用文件一般为这几个后缀文件,其余文件可以不引入项目当中

在这里插入图片描述
移入之后,修改url之中的相对路径,但是data之中不用修改

在这里插入图片描述
最后使用时iconfont 必须要带上,后面的code码可以再我的项目里面找到
在这里插入图片描述

在这里插入图片描述

引入不成功的情况

1.class="iconfont"没写或者拼写错误
2.相对路径修改错误
3.没有引入iconfont.css文件
注意
iconfont.css 中的路径是相对于 .eot/.svg 等目录的相对定位
引入 iconfont.css 是根据执行文件和iconfont.css 的目录的相对定位

改变颜色和大小

可以直接使用css方式进行修改,
修改大小font-size
边框颜色:color

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值