工具:Fontmin
簡介
官網:http://ecomfe.github.io/fontmin/
Github:https://github.com/ecomfe/fontmin
該工具百度出品,號稱 第一個純 JavaScript 字體子集化方案
自然也事有自己的過人之處的,主要有以下用途:
- 提取部分字體
- 轉換字體格式
- 生成 webfont 和對應 CSS 樣式
應用場景
有時候,我們想給網站的 Logo 、 Slogan 、標題、活動頁等的中文自定義字體,我們可以使用 @font-face 引入 Web 字體,但是完整的中文字體庫都是 8M 10M ,加載性能非常差,所以我們提取部分我們使用到的字體,這樣可以把字體文件變成幾KB。
用法
var Fontmin = require('fontmin');
var fontmin = new Fontmin()
.src('fonts/*.ttf')
.dest('build/fonts');
fontmin.run(function (err, files) {
if (err) {
throw err;
}
console.log(files[0]);
// => { contents: <Buffer 00 01 00 ...> }
});
詳細介紹和用法可以看這篇文章: http://efe.baidu.com/blog/fontmin-getting-started/
同時爲你推薦幾款:基於 Fontmin 的工具
- fontmin-app - Fontmin 桌面版 App,需下載安裝使用
- gulp-fontmin - Fontmin 的 Gulp 插件
- font-spider - 自動分析頁面使用的 WebFont 並進行按需壓縮
工具:Web-fontmin
簡介
Web-fontmin官網:https://web-fontmin-app-ogrsynirlm.now.sh
Github:https://github.com/forsigner/web-fontmin
Web-fontmin 是一個基於 Fontmin 構建的字體工具,作用主要有:
- 提取字體
- 字體格式轉換
fontmin 和 Web-fontmin的區別
Web-fontmin 是:Squirrel + fontmin-app 的結合體。
Squirrel 只有單純的生成不同格式的webfont,且不支持中文。Web-fontmin不單止可以轉換格式同時支持中文,還可以提取字體,並且有更快的上傳和轉換速度。
Fontmin-app 主要作用是提取字體,需要下載安裝,且不支持Linux。
Web-Fontmin 擁有Fontmin-app的所有功能,並且在線即可用。