fontfacegen webpack plugin下载fontfacegen webpack plugin源代码下载

fontfacegen webpack plugin

字体下载

1.0.0

下载

fontfacegen-webpack-plugin

此插件允许您使用现有的NPM软件包fontfacegen将.TTF和.OTF文件转换为.Eot，.ttf，.svg，.woff和.woff2等各种其他字体格式。

               fontfacegen
fontfile.ttf ---------------> fontfile.ttf
                              fontfile.eot
                              fontfile.svg
                              fontfile.woff
                              fontfile.woff2

安装

 npm install fontfacegen
npm install fontfacegen-webpack-plugin

用法

需要模块fontfacegen-webpack-plugin ，创建一个FontfacegenWebpackPlugin的实例，然后将实例传递给插件数组。

 const FontfacegenWebpackPlugin = require ( 'fontfacegen-webpack-plugin' )

module . exports = {
  entry : 'index.js' ,
  output : {
    path : 'dist' ,
    filename : 'index_bundle.js'
  } ,
  plugins : [
    new FontfacegenWebpackPlugin ( { tasks : [ 'fontfile.ttf' , 'anotherfont.otf' ] } )
  ]
}

这将生成以下文件：

dist/fontfile.eot
dist/fontfile.ttf
dist/fontfile.svg
dist/fontfile.woff
dist/fontfile.woff2
dist/anotherfont.eot
dist/anotherfont.ttf
dist/anotherfont.svg
dist/anotherfont.woff
dist/anotherfont.woff2

然后，您可以在代码中引用这些文件。

 @font-face {
  src : url ( "dist/fontfile.eot" );
  src : url ( "dist/fontfile.eot?#iefix" ) format ( "embedded-opentype" ) ,
    url ( "dist/fontfile.woff2" ) format ( "woff2" ) ,
    url ( "dist/fontfile.woff" ) format ( "woff" ) ,
    url ( "dist/fontfile.ttf" ) format ( "ttf" ) ,
    url ( "dist/fontfile.svg" ) format ( "svg" );
  font-family : fontfile;
  font-style : normal;
  font-weight : normal;
}

@font-face {
  src : url ( "dist/anotherfont.eot" );
  src : url ( "dist/anotherfont.eot?#iefix" ) format ( "embedded-opentype" ) ,
    url ( "dist/anotherfont.woff2" ) format ( "woff2" ) ,
    url ( "dist/anotherfont.woff" ) format ( "woff" ) ,
    url ( "dist/anotherfont.ttf" ) format ( "ttf" ) ,
    url ( "dist/anotherfont.svg" ) format ( "svg" );
  font-family : anotherfont;
  font-style : normal;
  font-weight : normal;
}

文档

fontfacegen-webpack-plugin模块默认导出一个类： FontfacegenWebpackPlugin

此对象的实例传递给WebPack配置选项的插件阵列。

构造函数将对象作为其第一个参数：

财产	描述
任务	目录或文件路径数组。
	- 目录：将转换为目录中的带有`.ttf`和`.otf`文件。
	- 文件。该文件将被转换。
子集	带有想要包含在生成字体中的字符的字符串或数组。