字体图标展示的是图标，实际是字体
    字体图标的优点

    • 轻量级:一个图标字体要比一系列图想要小。一旦字体加载了，图标就会马上渲染出来，减少了服务器请求
    • 灵活性：本质其实是文字，可以随意的改变颜色、产生阴影、透明效果、旋转等
    • 兼容性：几乎支持所有的浏览器

    注意：字体图标不能代替精灵技术，只是对工作中图标部分技术的提升和优化
    简单的图标用字体图标，复杂的图标还得是精灵图
    字体图标的下载
    推荐下载网址

    字体图标的引入
    1.把下载包里面的fonts文件夹放入根目录下面
    2.在CSS样式中全局声明字体：就是把这些字体通过CSS引入到页面中（注意路径）
    image.png
    3.html标签内添加小图标
    icomoon/demo.heml
    image.png
    4.给字体声明

    1. span{
    2.     font-family:'icomoon'; //和声明里面的font-family一样
    3. }

    声明完之后图标就可以使用字体的所有属性/样式
    字体图标的追加
    把压缩包里面的selection.json从新上传，然后选中自己想要的新图标，从新下载压缩包，替换原来的文件
    CSS里面的三角
    image.png

    div{
    width:0;
    height:0;
    line-height:0;    //这两行可以不写
    font-size:0;        //浏览器不兼容加上
    border:50px soild transpatent; //把其他三个边设置成透明色就是三角了
    border-left-color:pink;
}

    三角Pluse（直角三角形）
    image.png