字蛛(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