好用免费的ICON库–Iconfont

做Web应用、移动应用难免需要用到很多icon,今天就介绍一个免费好用的icon库——Iconfont。这时阿里妈妈提供的平台。

可以通过搜索来查找相关的icon,放入购物车内免费打包下载。也可以登录后创建一个项目,把选中的icon放入指定项目,设计成为某个项目量身定做的icon库。

这还没完,下载的时候选择“下载代码”才是最大的惊喜。解压下载后的文件,可以看到里面有个HTML文件(demo_index.html),在浏览器打开这个html,发现竟是一个指导手册,列出有哪些icon并详细讲解如何使用这些icon。

当我们想把这些icon应用到自己的项目中时,只需把以下文件拷贝到项目中:

  • iconfont.css
  • iconfont.eot
  • iconfont.svg
  • iconfont.ttf
  • iconfont.woff
  • iconfont.woff2

然后在页面加载iconfont.css,就可以使用这些icon啦

 


发表评论

电子邮件地址不会被公开。 必填项已用*标注