1. 找到阿里巴巴圖標庫
2.找到圖標
3.搜索你想要的圖標
4.將圖標添加到購物車
5.點擊右上角的購物車按鈕,我這里添加了兩個。
6.提示你登陸,不需要花錢,找其中一個賬號登陸一下就行了
假如你使用微博登陸,點擊以下新浪微博,掃一下二維碼就登陸上了,或者使用用戶名和密碼登陸都可以
7.登陸成功之后,網站會提示你是否同意登陸,點擊同意就可以了
8.然后回來接着點擊購物車,下載代碼:
9.下載解壓以下
10.打開加壓的文件夾,看一下文件
11.我們打開第一個demo來看看怎么使用
12 使用:
首先將這些文件copy到你的目錄下
<!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>
效果:
13 如果你是在input標簽里面通過value屬性來使用的話,要看另外一個demo
14. input標簽中使用示例
<!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>
效果:
ok,iconfont就使用到這里了。