網站：

http://fontawesome.dashgame.com/

使用：

將以下代碼粘貼到網頁HTML代碼的??部分.

<link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

選取圖標，

您可以將Font Awesome圖標使用在幾乎任何地方，只需要使用CSS前綴?fa?，再加上圖標名稱。 Font Awesome是為使用內聯元素而設計的。我們通常更喜歡使用??，因為它更簡潔。 但實際上使用??才能更加語義化。

class="fa fa-camera-retro">i> fa-camera-retroru

如：

class="fa  fa-steam-square">i> 
	class="fa   fa-renren ">i> 
	class="fa   fa-qq">i> 
	class="fa   fa-github">i> 
	class="fa   fa-weixin">i> 
	class="fa   fa-weibo">i>

將?顯示為：

配合ul div 設置樣式即可。

其他：

亦可引入阿里巴巴矢量圖標庫中的圖標。

介紹：

https://themebetter.com/wordpress-iconfont.html

點擊購物車：

下載代碼。