vue壓縮字體

由於製作H5頁面，需求要設置炫一點的字體，但是字體包太大加載太慢，所以出現了特殊字體壓縮與字蛛的使用

原理：把需要的字的字體保存，用不到的字的字體清除

實現：

1.下載好你需要的字體

2.在項目中新建一個頁面，利用一個標籤輸入所有你要用到的特殊文字(vue 的話可以直接在index.html寫，後面再刪除即可)

<style>
        @font-face{
            font-family: "FZZZHUNHJW";  //爲字體命名
            src: url("./src/common/font/FZZZHUNHJW.ttf");  //自己下載的字體  
        }
        .customFont{
            font-family: FZZZHUNHJW;   //指定類使用該字體
        }
</style>


<div class="customFont">//指定類使用該字體
    我愛你，你知道嗎？
</div>

3.

//終端輸入
font-spider ./*.html    //  ./*.html   的意思就是查找所有的html，class爲customFont的標籤內所有字保存字體，，，如果是在vue的index.html使用的話，直接寫  ./index.html   大概明白吧，寫哪指哪

4.最後會在你原本字體路徑下生成一個文件夾，文件夾內就是你指定文字的字體，你就可以拷貝出來放哪都隨你，直接使用了
5.參考文章：https://blog.csdn.net/qq_33744228/article/details/80613496