node.js使用font-spider壓縮字體

1. 安裝node.js

node.js官方下載地址：摸我

2. 安裝font-spider插件

cmd中輸入npm install font-spider -g進行自動安裝，出現(xiàn)如下圖表示安裝成功，該插件只需安裝一次。不用每次進行字體修改都安裝。


3. 配置字體

  1. 創(chuàng)建一個根目錄，存放html文件以及font字體文件夾。


    根目錄

    存放字體文件夾
  2. html中的style標簽鍵入如下代碼：
    這里的font-family：myfont即為自定義的字體名字，如給body應用該字體，只需設(shè)置body的font-family的值為myfont，url中的地址為存放字體的文件夾 
@font-face {
        font-family: 'myfont';
        src: url('font/fontTest.eot'); 
    src:
        url('font/fontTest.eot?#font-spider') format('embedded-opentype'),
        url('font/fontTest.woff') format('woff'),
        url('font/fontTest.ttf') format('truetype'),
        url('font/fontTest.svg') format('svg');
      font-weight: normal;
      font-style: normal;
}

4. 運行font-spider 命令

  1. 鍵入cd 空格 文件目錄地址回車確認

  2. 鍵入font-spider ./html文件名，本例子為font-spider ./font.html回車確認自動壓縮



    3.完成后font文件目錄變成這樣


    2016-06-20_140444.png

5. 完成后效果

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容