html引入iconfont
html引入iconfont
前言：前端开发图标少不了，iconfont是阿里的一款图标库，里面包含了几乎前端所有图标，对于开发已经够用了。刚入行我是直接将图标下载成jpg、png然后页面中用img标签渲染，后面才知道可以直接引入自定义的iconfont css直接使用。
在iconfont创建自己的项目
iconfont官网 登录后使用
创建一个自己的项目，我这边创建的是 测试
上传图标到项目中
在iconfont中下载一个svg图标到本地，然后上传到项目中，我下载的是 房子
下载项目到本地并引入
下载项目样式包解压后引入html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="iconfont.css"/>
</head>
<body>
<i class="iconfont iconfangzi">房子</i>
</body>
</html>
注：只需要引入iconfont.css即可；使用时推荐用i标签；第一个class固定，第二个是自己图标的class
然后就可以用css像操作文字一样操作这个图标啦
1703
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
