iconfont创建前端图标库

在百度官网中搜索iconfont官网点击进入
iconfont创建前端图标库_第1张图片
首先你需要用注册登录
然后在右上角输入框中选择你想找的图标
iconfont创建前端图标库_第2张图片选择自己喜欢的图标加入购物车
iconfont创建前端图标库_第3张图片点击右上角购物车
iconfont创建前端图标库_第4张图片
你可以选择加入已有的项目或者新创建一个项目
iconfont创建前端图标库_第5张图片
进入资源管理下的我的项目
iconfont创建前端图标库_第6张图片
将图标下载到本地并解压
iconfont创建前端图标库_第7张图片
将iconfont.css iconfont.eot iconfont.svg iconfont.ttf iconfont.woff进入到自己的项目中然后将刚下过来的font 文件全部删掉
iconfont创建前端图标库_第8张图片将iconfont.css引入的文件修改为本地文件路径
iconfont创建前端图标库_第9张图片
在html中引入iconfont.css

<link rel="stylesheet" href="css/icon/iconfont.css">

通过图标码生成图标

   
       
   span>

然后我们就可以看的好看的图标了

哈哈哈,亲爱的小伙伴 你,学(废)了吗?

你可能感兴趣的:(iconfont创建前端图标库)