Iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。
阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。
iconfont字体图标制作教程
在www.iconfont.cn注册一个账号
登录后,在图标库里面去选择自己中意的图标添加到库
标选的差不多了打开右侧的库,把库里面的图标添加到你的项目(没有项目就新建一个)
把整个项目下载到本地
下载的文件解压,得到一个文件夹里面有这几个文件
将iconfont.eot文件夹传到你的主题文件夹里面去,在html里面引用字体图标的css
在html里需要调用字体图标的添加“<i class=”iconfont ****“></i>”就可以出现了,代码里面的“****”为每个图标的调用代码,可以在iconfont项目里面找到每个图标的代码