Snapshot của ecomfe/fontmin: 6.2k★ · JavaScript. Minify font seamlessly
Tóm tắt dựng từ metadata GitHub của chính dự án — chưa có bài review TopGit. Trang sẽ tự động cập nhật khi bài review đầy đủ được xuất bản.
VÌ SAO CHƯA CÓ REVIEW
TopGit viết bài đầy đủ cho repo có nhiều sao nhất và được yêu cầu nhiều nhất. Trang này là snapshot trong thời gian chờ — xem README gốc ở tab READ ME.
import Fontmin from 'fontmin';
const rename = require('gulp-rename');
const fontmin = new Fontmin()
.src('fonts/big.ttf')
.use(rename('small.ttf'));
API
new Fontmin()
Creates a new Fontmin instance.
.src(file)
Type: Array|Buffer|String
Set the files to be optimized. Takes a buffer, glob string or an array of glob strings
as argument.
.dest(folder)
Type: String
Set the destination folder to where your files will be written. If you don't set
any destination no files will be written.
.use(plugin)
Type: Function
Add a plugin to the middleware stack.
.run(cb)
Type: Function
Optimize your files with the given settings.
cb(err, files, stream)
The callback will return an array of vinyl files in files and a Readable/Writable
stream in stream
Plugins
The following plugins are bundled with fontmin:
glyph — Compress ttf by glyph.
ttf2eot — Convert ttf to eot.
ttf2woff — Convert ttf to woff.
ttf2woff2 — Convert ttf to woff2.
ttf2svg — Convert ttf to svg.
css — Generate css from ttf, often used to make iconfont.
svg2ttf — Convert font format svg to ttf.
svgs2ttf — Concat svg files to a ttf, just like css sprite.
otf2ttf — Convert otf to ttf.
.glyph()
Compress ttf by glyph.
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.use(Fontmin.glyph({
text: '天地玄黄 宇宙洪荒',
hinting: false // keep ttf hint info (fpgm, prep, cvt). default = true
}));
.ttf2eot()
Convert ttf to eot.
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.use(Fontmin.ttf2eot());
.ttf2woff()
Convert ttf to woff.
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.use(Fontmin.ttf2woff({
deflate: true // deflate woff. default = false
}));
.ttf2woff2()
Convert ttf to woff2.
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.use(Fontmin.ttf2woff2());
.ttf2svg()
Convert ttf to svg.
you can use imagemin-svgo to compress svg:
import Fontmin from 'fontmin';
const svgo = require('imagemin-svgo');
const fontmin = new Fontmin()
.use(Fontmin.ttf2svg())
.use(svgo());
.css()
Generate css from ttf, often used to make iconfont.
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.use(Fontmin.css({
fontPath: './', // location of font file
base64: true, // inject base64 data:application/x-font-ttf; (gzip font with css).
// default = false
glyph: true, // generate class for each glyph. default = false
iconPrefix: 'my-icon', // class prefix, only work when glyph is `true`. default to "icon"
fontFamily: 'myfont', // custom fontFamily, default to filename or get from analysed ttf file
asFileName: false, // rewrite fontFamily as filename force. default = false
local: true // boolean to add local font. default = false
}));
Alternatively, a transform function can be passed as fontFamily option.
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.use(Fontmin.css({
// ...
fontFamily: function(fontInfo, ttf) {
return "Transformed Font Family Name"
},
// ...
}));
.svg2ttf()
Convert font format svg to ttf.
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.src('font.svg')
.use(Fontmin.svg2ttf());
.svgs2ttf()
Concat svg files to a ttf, just like css sprite.
awesome work with css plugin:
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.src('svgs/*.svg')
.use(Fontmin.svgs2ttf('font.ttf', {fontName: 'iconfont'}))
.use(Fontmin.css({
glyph: true
}));
.otf2ttf()
Convert otf to ttf.
import Fontmin from 'fontmin';
const fontmin = new Fontmin()
.src('fonts/*.otf')
.use(Fontmin.otf2ttf());
CLI
$ npm install -g fontmin
$ fontmin --help
Usage
$ fontmin <file> [<output>]
$ fontmin <directory> [<output>]
$ fontmin <file> > <output>
$ cat <file> | fontmin > <output>
Example
$ fontmin fonts/* build
$ fontmin fonts build
$ fontmin foo.ttf > foo-optimized.ttf
$ cat foo.ttf | fontmin > foo-optimized.ttf
Options
-t, --text require glyphs by text
-b, --basic-text require glyphs with base chars
-d, --deflate-woff deflate woff
--font-family font-family for @font-face CSS
--css-glyph generate class for each glyf. default = false
-T, --show-time show time fontmin cost
you can use curl to generate font for websites running on PHP, ASP, Rails and more:
Trang TopGit này là một snapshot — tab "Readme" hiển thị nguyên văn README của repo (đã bỏ link, giữ ảnh). Repo GitHub ở github.com/ecomfe/fontmin là nguồn chính thức.
ecomfe/fontmin có bao nhiêu sao?
ecomfe/fontmin có 6.2k sao GitHub — tải lại trang để xem số mới nhất, hoặc xem trực tiếp github.com/ecomfe/fontmin. TopGit phản chiếu số sao của GitHub nhưng không cam kết đến từng phút.
ecomfe/fontmin có phải mã nguồn mở không?
Có — ecomfe/fontmin phát hành theo license MIT, nghĩa là mã nguồn mở để đọc, fork và (tùy license) tái sử dụng. Mã: github.com/ecomfe/fontmin.
ecomfe/fontmin còn đang phát triển không?
Commit gần nhất trên ecomfe/fontmin là 1.0 năm trước (theo timestamp GitHub). Repo có 334 fork — một chỉ báo về mức độ quan tâm của cộng đồng.
ecomfe/fontmin dùng license gì?
ecomfe/fontmin phát hành theo license MIT. Nên mở file LICENSE trên GitHub để xác nhận — license metadata đôi khi lệch với thực tế dự án.
ecomfe/fontmin là gì?
ecomfe/fontmin (ecomfe/fontmin) là dự án JavaScript trên GitHub. Theo mô tả gốc: Minify font seamlessly
ecomfe/fontmin viết bằng ngôn ngữ gì?
ecomfe/fontmin chủ yếu viết bằng JavaScript. Trường "language" của GitHub dựa trên phần lớn byte ở nhánh mặc định.
Đọc đầy đủ README ở tab phía trên.
Muốn nghe thêm một ý kiến về fontmin?
Hỏi một AI đọc được trang này — một cú bấm là có ngay nhận định về fontmin.