fontmin 다운로드 - fontmin 소스 코드 다운로드

폰타민

글꼴을 원활하게 조정하십시오

홈페이지

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

설치하다

$ npm install --save fontmin

알아채다

Fontmin v2.x는 ES 모듈 만 지원하고 노드 v16+에서만 실행됩니다.

CommonJS 버전을 사용해야하는 경우 fontmin v1.x 설치하십시오.

NPM 설치 --save 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 추가하십시오.

.Run (CB)

유형 : Function

주어진 설정으로 파일을 최적화하십시오.

CB (err, 파일, 스트림)

콜백은 files 에 비닐 파일의 배열과 stream 에서 읽을 수있는/쓰기 가능한 스트림을 반환합니다.

플러그인

다음 플러그인은 Fontmin과 함께 번들로 제공됩니다.

GLYPH - Glyph의 TTF를 압축합니다.
TTF2EOT - TTF를 EOT로 변환합니다.
TTF2WOFF - TTF를 WOFF로 변환합니다.
ttf2woff2 - ttf를 Woff2로 변환합니다.
TTF2SVG - TTF를 SVG로 변환합니다.
CSS - 종종 아이콘 폰트를 만드는 데 사용되는 TTF에서 CSS를 생성합니다.
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를 생성합니다.

 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 ( ) ) ;

클리

$ 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

감사해요

Imagemin
무료 중국 글꼴
浙江民间书刻体

특허

MIT © Fontmin

확장하다

fontmin

폰타민