1. Find the icon library Alibaba
2. Find the icon
3. Search icon you want
4. Add to cart icon
5. Click the button in the upper right corner of the cart, I've added two.
6. prompts you to log in, do not need to spend money to find an account of which landed on the line
If you are using Weibo login, click on the following Weibo, sweep the two-dimensional code on the landing, or with a user name and password can be
7. After the successful landing, the site will prompt you agree Log in, click on it agreed
8. Then click on the shopping cart and then come back, download the code:
9. The following must extract
10. Open the pressurized folder, look at the file
11. We open the first look at how to use a demo
12 Use
First, copy the files to your directory
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="font_2k0jqnfvsoy/iconfont.css">
</head>
<body>
<div>
<i class="iconfont icon-search" style="color:green;font-size:20px;"></i> <!--必须使用i标签,class里面必须写iconfont,设置图标大小和颜色都和文字的设置是一样的-->
</div>
</body>
</html>
effect:
13 If you are to use the words by which the value attribute in the input tag, depends on another demo
14. input tag uses examples
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="font_2k0jqnfvsoy/iconfont.css">
</head>
<body>
<div> <!--value="unicode代码",class里面必须有iconfont这个值,上面必须引入css文件-->
<input type="submit" value="" class="iconfont">
<input type="submit" value="" class="iconfont">
</div>
</body>
</html>
effect:
ok, iconfont on the use to be here.