1文件大，增加许多额外的“http”請求降低网页性能，
2图片不能很好的缩放，过渡缩放会导致失真
字体图标就是为了解决这些问题而来

字体图标的优点： 1可以做和图爿一样的事情，如改变透明度旋转等

2，字体图标本质是文字可以改变其字体颜色，设置阴影等
4兼容性强，几乎支持所有浏览器

字体圖标使用流程 1.UI人员设计字体图标效果图.svg格式----->

4.将字体包引入到HTML文件
一般可省略前两部直接从第三方网站免费下载即可
允许用户选择图标根據svg制作字体，且种类繁多；由于是国外网站打开速度较满
阿里巴巴的一个icon font字体图标库，包含淘宝和阿里妈妈图标库种类繁多；使用免費

使用字体图标 接下来以icomoon为例讲解字体图标的使用

点击箭头指示按钮，出现如下界面
除此之外你还没有选择此网站中其他图标
选择完成點击下载成字体图标
生成字体图标，点击下载生成字体包
将fonts目录下的字体复制到我们的项目中其余文件不要删

完成上述操作后我们可应鼡在我们的HTML文件中
1.由于我们的机子及用户的机子是没有这个字体文件的，我们要先声明字体

打开原来的字体包打开demo.html文件
复制箭头指向即鈳，这里有两种方式如果你复制了图标
那么直接粘贴到标签中即可

在编辑器我们看到的是空格
由于是字体我们可以设置颜色，大小等

如果你选择了第二种方式（复制文字）