favicon.ico和字体图标的引入

favicon.ico图标引入

1. ps切图后，隐藏背景，存为png存在桌面上
   要把图片转换为ico图标，我们借助第三方网站：http://www.bitbug.net/
2. 现在可以把ico图标放入根目录下（可以其他目录，常用根目录,保存名称为 favicon.ico
3. 引入图标方式
   <link rel="shortcut icon" href="favicon.ico" />
   （注意路径问题）

字体图标引入 iconfont

• 找图标：
  阿里巴巴图标库 http://www.iconfont.cn/
  外网图标库(更齐全) http://icomoon.io

• 以阿里巴巴矢量图库为例

1. 搜索图标

2. 将图标加入库

3. 点击购物车

4. 添加至项目，保证项目与正在开发的项目一致
   
   
    
   

5. 将生成的外部样式表引入自己的项目，哪个页面需要就在哪个页面引入，整个项目需要即在主页面引入
   <link rel=‘stylesheet’href=“http:+图中的样式路径”></link>
    
    

 
 

注意：如果在项目中每次加入了新的图标，必须更新代码，重新生成外部样式链接；

 
 

 
 

6.用类名引入

<span class='iconfont（固定类名） 各图标类名'></span>

下载到本地的方式：
1.选择下载
 
 

2.各种格式下载