字体图标的下载和使用

 1.下载

(1)字体图标可以在icomoon字库(http://www.icomoon.io)或阿里iconfont(http://www.iconfont.cn)上下载

(2)icomoon为例:点击右上角icomoon app,点击需要的图标(也可点击最下方的Add Icons From Library图标,可查看其他样式图标),点击Generate Font,点击Download

图标也可被编辑,点击图标,再点击Edit按钮,scale可对图标进行缩放

2.使用

(1)下载完毕后需要把压缩包里的fonts文件夹放入根目录 

(2)点击压缩包里的style.css文件将其中的字体声明复制出来

 

(3)放入<style></style> 中

 (4)打开复制图片demo.html文件并复制图片后的□,粘贴到<body>里的<span>中

(5)复制字体声明里的font-family:'icomoon' ;粘贴到span{ }中,可用font-size和color让图标变换大小和颜色

3.如果原来的字体图标不够用了,打开icomoon字库,点击左上角的import icons,再点击selection.json文件,打开并点击yes(可先将json文件拖入根目录下)

点击想要的图标并重新下载 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值