字體壓縮工具

字蛛(font-spider), 一個智能 WebFont 壓縮工具!css

使用方法:html

1.打開命令行工具,安裝node.js;node

2.使用node.js中的npm安裝font-spider,命令行語句爲:npm install font-spider -gnpm

3.查看是否安裝成功:font-spider -Vide

4.csssvg

/*聲明 WebFont*/
@font-face {
  font-family: 'source';
  src: url('../font/字體名稱.eot');
  src:
    url('../font/字體名稱.eot?#font-spider') format('embedded-opentype'),
    url('../font/字體名稱.woff2') format('woff2'),
    url('../font/字體名稱.woff') format('woff'),
    url('../font/字體名稱.ttf') format('truetype'),
    url('../font/字體名稱.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*使用指定字體*/
.home h1, .demo > .test {
    font-family: 'source';
}

 *注意:@font-face 中的 src 定義的 .ttf 文件必須存在,其他的格式將由工具自動生成工具

5.在所在項目文件夾下shift+右鍵,打開命令行工具,輸入font-spider *.html字體

成功以後在項目文件中就會從新生成壓縮後的文件了。url

在項目完成後再使用壓縮工具spa

相關文章
相關標籤/搜索