FontSpider是款非常實用的字體壓縮器,這軟件的界面還是蠻簡潔的,軟件能夠通過分析本地來獲取不同的字符,可以用瀏覽器生成各種不同的格式,有需求的用戶們千萬不要錯過哦!
軟件介紹
FontSpider是一個非常神奇的網頁中文字體工具,功能十分強大,用戶通過該軟件可以讓網頁自由引入中文字體,完全基于CSS,無需js與服務端支持,自動轉碼,支持IE與標準化的瀏覽器,字蛛通過分析本地CSS與HTML文件獲取 WebFont中沒有使用的字符,并將這些字符數據從字體中刪除以實現壓縮,并生成跨瀏覽器使用的格式。
安裝方法
先安裝好 NodeJS,然后執行:
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 文件必須存在,其余的格式將由工具自動生成
2. 開發階段請使用相對路徑的 CSS 與 WebFont
標簽: 字體工具
裝機必備軟件
網友評論