网页特殊字体过大的优化

npm install font-spider -g 

font-spider C:\Users\wangchao\Desktop\index*.html 
<!--也就是你的html完整路径 【*】 是通配符，表示会扫描所有的html文件 -->
<!--要是打包单个html中使用的特殊字体文字，将文件名改成对应的文件名-->

<!--发现字体文件的根目录多了一个font文件夹，文件夹里存放的是原来字
体文件的备份，而网页引用的是使用字蛛后压缩保存的字体-->

    <!--css-->
    .font {
        font-size: 32px;
        color: skyblue;
        font-family: 'sx';
    }
    
    @font-face {
        font-family: 'sx';
        src: url('suxin-subfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    <!--html-->
     <p class="font">京德匠心铸器</p>