FontSpider是款非常實(shí)用的字體壓縮器,這軟件的界面還是蠻簡潔的,軟件能夠通過分析本地來獲取不同的字符,可以用瀏覽器生成各種不同的格式,有需求的用戶們千萬不要錯(cuò)過哦!
軟件介紹
FontSpider是一個(gè)非常神奇的網(wǎng)頁中文字體工具,功能十分強(qiáng)大,用戶通過該軟件可以讓網(wǎng)頁自由引入中文字體,完全基于CSS,無需js與服務(wù)端支持,自動(dòng)轉(zhuǎn)碼,支持IE與標(biāo)準(zhǔn)化的瀏覽器,字蛛通過分析本地CSS與HTML文件獲取 WebFont中沒有使用的字符,并將這些字符數(shù)據(jù)從字體中刪除以實(shí)現(xiàn)壓縮,并生成跨瀏覽器使用的格式。
安裝方法
先安裝好 NodeJS,然后執(zhí)行:
npm install font-spider -g
在 CSS 中使用 WebFont:
/*聲明 WebFont*/
@font-face {
font-family: 'pinghei';
src: url('../font/pinghei.eot');
src:
url('../font/pinghei.eot?#font-spider') format('embedded-opentype'),
url('../font/pinghei.woff') format('woff'),
url('../font/pinghei.ttf') format('truetype'),
url('../font/pinghei.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*使用選擇器指定字體*/
.home h1, .demo > .test {
font-family: 'pinghei';
}
1. @font-face 中的 src 定義的 .ttf 文件必須存在,其余的格式將由工具自動(dòng)生成
2. 開發(fā)階段請(qǐng)使用相對(duì)路徑的 CSS 與 WebFont
標(biāo)簽: 字體工具
下載地址
裝機(jī)必備軟件
網(wǎng)友評(píng)論