@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体（@font-face这个功能早在IE4就支持）
    @font-face的语法规则:
        @font-face { 
            font-family: <YourWebFontName>;
            src: <source> [<format>][, []]*; 
            [font-weight: <weight>]; 
            [font-style: <style>]; 
        }
         
        iconfont字体图标库的使用 ：https://www.iconfont.cn/  阿里巴巴矢量图库
         
        使用方法：
            Unicode ：  新引进iconfont.css 文件
                              在页面内添加个i标签
                              给i标签 添加 基类 （基本的类名）  .iconfont
                              在把小图标对应的编码添加到i标签内即可
            Font class:
                      新引进iconfont.css 文件
                           在页面内添加个i标签
                           给i标签 添加 基类 （基本的类名）  .iconfont    
                     在把小图标对应的class名字加到i标签内即可 
                            
            Symbol:                             
                <script src="./iconfont/iconfont.js"></script>
                <style>
                    .icon {
                      width: 1em;
                      height: 1em;
                      vertical-align: -0.15em;
                      fill: currentColor;
                      overflow: hidden;
                    }
                </style> 
                <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-XXX"></use>
                </svg>  
                 
                  在把小图标对应的#icon-XXX名字加到use标签内即可