字蛛 font-spider 壓縮字體使用方法

1、 npm install font-spider -g 安裝字蛛
2、 css樣式表中引入 @font-face
例如:
/* 漢儀力量黑字體 */
@charset “UTF-8”;
@font-face {
font-family: “HYLiLiangHeiJ”;
src: url(“../fonts/HYLiLiangHeiJ.woff”) format(“woff”),
url(“../fonts/HYLiLiangHeiJ.ttf”) format(“truetype”),
url(“../fonts/HYLiLiangHeiJ.eot”) format(“embedded-opentype”),
url(“../fonts/HYLiLiangHeiJ.svg”) format(“svg”),
url(“../fonts/HYLiLiangHeiJ.otf”) format(“opentype”);
font-weight: normal;
font-style: normal;
}

3、font-spider D:\fe\panda\Holland\index.html(font-spider空格加html的路徑地址)
4、正常就會loading 進行壓縮了,注意兩個問題:
下載的字體包文件名改爲英文,css文件引用的時候也改成同字體包一樣的英文名;
css表中eot和opentype格式先註釋掉,不然壓縮會提示錯誤,字蛛暫不支持這兩種格式,壓縮完 後把eot和opentype格式復原(不復原在手機上測試字體未生效);
5、壓縮完成後 fonts文件夾中有一個備份,其他的字體文件就只有幾kb或幾十kb了;把備份刪掉就可以了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章