css之字体图标

SVG与字体图标

SVG图片是矢量图片,不会随着图片的伸缩而影响质量,通常把只有一种颜色的图标做成SVG,通过SVG生成字体图标,放到项目中使用。

https://icomoon.io/是一个比较快捷的生成字体图标的线上工具,进入主页后,点击右上角IconMoon App按钮,进入图标制作页面。
这里写图片描述

页面上有很多官方提供的默认图标。点击左上角“Import Icons”可以导入自己的svg。
这里写图片描述

再点击右下角Generate,然后download就可以了。下载之后,有详细的使用demo,非常方便。
这里写图片描述

fonts目录下是字体文件,引入到项目中,并引入style.css。按照demo.html的示例来用就可以了。
这里写图片描述

之前也用过其他字体图标生成工具比如http://iconfont.cn,但感觉不如https://icomoon.io/快捷。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值