fontmin下載fontmin源代碼下載

fontmin

無縫縮小字體

首頁

簡體中文
繁體中文
日本語
한국어
英語

安裝

$ npm install --save fontmin

注意

Fontmin v2.x僅支持ES模塊，並在節點V16+上運行。

如果您需要使用CONCORJS版本，請安裝fontmin v1.x ：

npm安裝 - 節省fontmin@1

用法

 import Fontmin from 'fontmin' ;

const 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 ...> }
} ) ;

您可以使用Gulp-rename重命名您的文件：

 import Fontmin from 'fontmin' ;
const rename = require ( 'gulp-rename' ) ;

const fontmin = new Fontmin ( )
    . src ( 'fonts/big.ttf' )
    . use ( rename ( 'small.ttf' ) ) ;

API

新的fontmin（）

創建一個新的Fontmin實例。

.src（文件）

類型： Array|Buffer|String

設置要優化的文件。將緩衝區，環字符串或一系列環球字符串作為參數。

.dest（文件夾）

類型： String

將目標文件夾設置為寫入文件的位置。如果您不設置任何目的地，則不會寫任何文件。

.USE（插件）

類型： Function

將plugin添加到中間件堆棧中。

.lun（CB）

類型： Function

用給定的設置優化文件。

CB（錯誤，文件，流）

回調將返回files中的乙烯基文件和stream中可讀/可讀的流

插件

以下插件與fontmin捆綁在一起：

字形 - 字形壓縮TTF。
TTF2EOT - 將TTF轉換為EOT。
TTF2WOFF - 將TTF轉換為Woff。
TTF2WOFF2 - 將TTF轉換為WOFF2。
TTF2SVG - 將TTF轉換為SVG。
CSS - 從TTF生成CSS，通常用於製作IconFont。
SVG2TTF - 將字體格式SVG轉換為TTF。
SVGS2TTF - 就像CSS Sprite一樣，將SVG文件轉換為TTF。
OTF2TTF - 將OTF轉換為TTF。

.glyph（）

通過字形壓縮TTF。

 import Fontmin from 'fontmin' ;

const fontmin = new Fontmin ( )
    . use ( Fontmin . glyph ( {
        text : '天地玄黄 宇宙洪荒' ,
        hinting : false         // keep ttf hint info (fpgm, prep, cvt). default = true
    } ) ) ;

.ttf2eot（）

將TTF轉換為EOT。

 import Fontmin from 'fontmin' ;

const fontmin = new Fontmin ( )
    . use ( Fontmin . ttf2eot ( ) ) ;

.ttf2woff（）

將TTF轉換為Woff。

 import Fontmin from 'fontmin' ;

const fontmin = new Fontmin ( )
    . use ( Fontmin . ttf2woff ( {
        deflate : true           // deflate woff. default = false
    } ) ) ;

.ttf2woff2（）

將TTF轉換為WOFF2。

 import Fontmin from 'fontmin' ;

const fontmin = new Fontmin ( )
    . use ( Fontmin . ttf2woff2 ( ) ) ;

.ttf2svg（）

將TTF轉換為SVG。

您可以使用Imagemin-Svgo壓縮SVG：

 import Fontmin from 'fontmin' ;
const svgo = require ( 'imagemin-svgo' ) ;

const fontmin = new Fontmin ( )
    . use ( Fontmin . ttf2svg ( ) )
    . use ( svgo ( ) ) ;

.css（）

從TTF生成CSS，通常用於製作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
    } ) ) ;

或者，轉換函數可以作為fontFamily選項傳遞。

 import Fontmin from 'fontmin' ;

const fontmin = new Fontmin ( )
    . use ( Fontmin . css ( {
        // ...
        fontFamily : function ( fontInfo , ttf ) {
          return "Transformed Font Family Name"
        } ,
        // ...
    } ) ) ;

.SVG2TTF（）

將字體格式SVG轉換為TTF。

 import Fontmin from 'fontmin' ;

const fontmin = new Fontmin ( )
    . src ( 'font.svg' )
    . use ( Fontmin . svg2ttf ( ) ) ;

.SVGS2TTF（）

就像CSS Sprite一樣，將SVG置於TTF。

使用CSS插件的很棒的工作：

 import Fontmin from 'fontmin' ;

const fontmin = new Fontmin ( )
    . src ( 'svgs/*.svg' )
    . use ( Fontmin . svgs2ttf ( 'font.ttf' , { fontName : 'iconfont' } ) )
    . use ( Fontmin . css ( {
        glyph : true
    } ) ) ;

.OTF2TTF（）

將OTF轉換為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

您可以使用curl生成字體，以用於在PHP，ASP，Rails等上運行的網站：

$ text= ` curl www.baidu.com ` && fontmin -t " $text " font.ttf

或者，您可以使用html-to-text使其更小：

$ npm install -g html-to-text
$ text= ` curl www.baidu.com | html-to-text ` && fontmin -t " $text " font.ttf

此外，您可以使用Phantom-fetch-CLI來生成用於水療JS模板的SPA字體：

$ npm install -g phantom-fetch-cli
$ text= ` phantom-fetch http://www.chinaw3c.org ` && fontmin -t " $text " font.ttf

有關的

fontmin-app
gulp-fontmin
fonteditor

謝謝

成像
免費中文字體
浙江民間書刻體

執照

麻省理工學院©Fontmin

展開