Use of Ali iconfont

1. Find the icon library Alibaba

img

2. Find the icon

img

3. Search icon you want

img

img

img

img

4. Add to cart icon

img

5. Click the button in the upper right corner of the cart, I've added two.

img

img

6. prompts you to log in, do not need to spend money to find an account of which landed on the line

img

  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

img

7. After the successful landing, the site will prompt you agree Log in, click on it agreed

img

img

8. Then click on the shopping cart and then come back, download the code:

img

9. The following must extract

img

10. Open the pressurized folder, look at the file

img

11. We open the first look at how to use a demo

img

12 Use

  First, copy the files to your directory

  img

<!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:

    img

13 If you are to use the words by which the value attribute in the input tag, depends on another demo

  img

img

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="&#xe62d;" class="iconfont">
    <input type="submit" value="&#xe611;" class="iconfont">
</div>



</body>
</html>

  effect:

    img

ok, iconfont on the use to be here.

Guess you like

Origin www.cnblogs.com/changxin7/p/11479216.html