字体导入和图标导入的方法

使用CSS样式将网络字体导入使用
方法一：
    可以在iconfont上复制代码（找一个你想要导入的字体样式）
    <style>
    @font-face {
        font-family: 'font1';（这里可以写上你自己的名字，如myFont等）
        font-display: swap;
        src: url('//at.alicdn.com/t/webfont_gqqma9fvaav.eot'); /* IE9*/
        src: url('//at.alicdn.com/t/webfont_gqqma9fvaav.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('//at.alicdn.com/t/webfont_gqqma9fvaav.woff2') format('woff2'),
        url('//at.alicdn.com/t/webfont_gqqma9fvaav.woff') format('woff'), /* chrome、firefox */
        url('//at.alicdn.com/t/webfont_gqqma9fvaav.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url('//at.alicdn.com/t/webfont_gqqma9fvaav.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
        }
        接着写样式：
        .Font1 {
            font-family: font1;
        }
        </style>
        body中：
         <p class="Font1">
            英雄不问出路，流氓不看岁数
        </p>
        结果：
        注意：这种方式的导入只能用静态服务器打开，直接打开可能会不成功。写句子的时候最好写官网展示的字句，不然可能会导致样式导入不成功。

    第二种方法：
        下载字体导入，在网站上下载字体的压缩包，解压后会出现.ttf的文件，将文件存储在需要导入的.html的文件夹中（这样比较好找）。
         head中：<link rel="stylesheet" href="./font/myFont1.ttf">
         style中：
          @font-face {
                font-family: myFont1;
                src: url('./font/myFont1.ttf');
            }
            .Font1 {
                font-family: myFont1;
            }
            body中：
            <div>
                <p class="Font1">
                    英雄不问出路，流氓不看岁数
                </p>
            结果：
            直接打开即可

    导入图标的方法与上面基本一致
    在线使用时可以复制font class代码
    在head中<link rel="stylesheet" href="https://at.alicdn.com/t/font_2729316_udyb7gmlbj.css">
    （此方法需要区查看协议是http/https，在href中写入协议）
    然后在body中可以直接用i标签写入：<i class="iconfont icon-yincang"></i>
    结果：
    使用下载图标的方式会直接生成css的文档，直接使用即可。