IconFont的制作使用

本文介绍了两种在线图标生成的方法:一是通过IcoMoon网站上传SVG图标文件并生成图标字体;二是利用iconfont.cn选择图标并获取在线链接,用于前端项目中图标的应用。

1.通过在线网站上传制作

https://icomoon.io/

首先通过右上角的 IcoMoon App 进行创建.

 

除了网站提供的一些图标 还可以通过Import Icons将本地的svg图标文件进行上传.

 

 图标上传成功后,通过右下角Generate Font生成

 

左边的"e900"是代码引用的名称 然后通过download进行下载

下载完成后解压 字体在fonts文件夹中

根据style.css文件将按照要求添加到自己的代码中

 

2.通过在线链接添加

http://www.iconfont.cn

找到自己想要的图标 添加到库里

然后添加到项目中 查看在线链接

通过链接给出的方法 添加到自己的代码当中.

需要注意的一点是如果是是本地引用的链接需要加http:

转载于:https://www.cnblogs.com/renshengruge/p/6648499.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值