CSS 字体图标引用

在自己的项目中，我们或多或少的需要插入一些icon，缺少 UI 设计天赋的我只能去搜寻现有的icon了，大家可以去开源图标库中去搜寻自己想要的icon，将所选的icon加入到购物车当中，点击下载代码即可

下载购物车中的 icon 图标

项目解压后，可以看到有三个 Demo 演示网页，分别对应font-class引用，symbol引用，unicode引用，里面关于字体如何引用有着详细说明，在这里就不再复述

项目文件

font-class 引用，因为本质上还是使用的字体，所以我们可以通过修改color属性来变化icon的颜色，多色icon会自动失色

font-class 图标

symbol 引用，使用的是svg，所以可支持多色icon，而单色icon也能通过修改color属性来变化icon的颜色

symbol 图标

unicode 引用，跟font-class的引用基本一致

unicode 图标