fontminダウンロードfontminソースコードのダウンロード

フォントミン

フォントをシームレスにマイニーします

ホームページ

简体中文
繁體中文
日本語
한국어
英語

インストール

$ npm install --save fontmin

知らせ

fontmin v2.xはESモジュールのみをサポートし、ノードV16+で実行します。

CommonJSバージョンを使用する必要がある場合は、 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（file）

タイプ： Array|Buffer|String

ファイルを最適化するように設定します。引数として、バッファー、グローブストリング、またはグローブ文字列の配列を取得します。

.dest（フォルダー）

タイプ： String

ファイルの書き込み場所に宛先フォルダを設定します。宛先を設定しない場合、ファイルは書き込まれません。

.use（プラグイン）

タイプ： Function

ミドルウェアスタックにpluginを追加します。

.run（cb）

タイプ： Function

指定された設定でファイルを最適化します。

CB（ERR、ファイル、ストリーム）

コールバックは、 files内のビニールファイルの配列とstream内の読み取り可能な/書き込み可能なストリームを返します

プラグイン

次のプラグインにFontminがバンドルされています。

GLYPH - グリフによるTTFを圧縮します。
TTF2EOT - TTFをEOTに変換します。
TTF2WOFF - TTFをWOFFに変換します。
TTF2WOFF2 - TTFをWoff2に変換します。
TTF2SVG - TTFをSVGに変換します。
CSS - TTFからCSSを生成し、IconFontを作成するためによく使用されます。
SVG2TTF - フォント形式のSVGをTTFに変換します。
SVGS2TTF - CSS Spriteと同様に、TTFにSVGをconcatファイルします。
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などで実行されているWebサイトのフォントを生成できます。

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

または、HTMLからテキストを使用して小さくすることもできます。

$ 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

ありがとう

Imagemin
無料の中国のフォント
浙江民间书刻体

ライセンス

MIT©Fontmin

拡大する

fontmin