CSS自定義字型的實作，前端實作字型壓縮

CSS中使用自定義字型，首先需要下載下傳你需要的字型ttf或者otf檔案

這裡推薦一個網站：http://www.zitixiazai.org/

/********css中********/
@font-face{
    font-family:'test'       //自定義字型名稱
    src:url('')            //自定義字型存在的路徑
}

/*給div設定自定義字型*/
div{
    font-family:test;
}
           

有時網上下載下傳的字型過大，網頁加載過慢，需要進行壓縮

1- 安裝Node.js

2- CMD中執行npm install font-spider -g

3- CMD中進入到項目檔案夾下，執行font-spider html檔案名(也可以*html)

4- 項目下會生成一個.font-spider檔案夾，該檔案夾裡面是所用到的字型壓縮過後的字型檔案