# fis3-spriter-fontmin

> a plugin for fis3, use fontmin to generate dynamic font files

Latest version **0.1.6** (published 2017-04-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install fis3-spriter-fontmin
pnpm add fis3-spriter-fontmin
yarn add fis3-spriter-fontmin
bun add fis3-spriter-fontmin
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.6 |
| Published | 2017-04-26 |
| First published | 2017-04-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | WangChengXi |
| Maintainers | wcx |
| Keywords | fis3, fontmin |

## Links

- npm: https://www.npmjs.com/package/fis3-spriter-fontmin
- Repository: https://github.com/wcxaa/fis3-spriter-fontmin
- Homepage: https://github.com/wcxaa/fis3-spriter-fontmin#readme
- Issues: https://github.com/wcxaa/fis3-spriter-fontmin/issues
- npm.io page: https://npm.io/package/fis3-spriter-fontmin

## Dependencies (3)

- [deasync](https://npm.io/package/deasync.md) ^0.1.9
- [fontmin](https://npm.io/package/fontmin.md) ^0.9.6
- [minimatch](https://npm.io/package/minimatch.md) ^3.0.3

## Recent versions

- 0.1.6 (latest) — 2017-04-26
- 0.1.5 — 2017-04-26
- 0.1.4 — 2017-04-26
- 0.1.3 — 2017-04-26
- 0.1.2 — 2017-04-26

## README

# fis3-spriter-fontmin


[![NPM version][npm-image]][npm-url]
[![Downloads][downloads-image]][npm-url]

a plugin for fis3, use fontmin to generate dynamic font files.

用于fis3的动态字体生成插件，基于fontmin，在fis3的打包spriter阶段，根据设置获得相应文字，生成压缩的字体文件，将相应的css插入到原页面中。

## 说明
对用法有疑问的可以查看[fis3](http://fis.baidu.com/fis3/docs/beginning/intro.html)和[fontmin](https://github.com/ecomfe/fontmin)文档

## 用法

```bash
npm install --save-dev fis3-spriter-fontmin
```

fis-config.js配置:

```js
fis.match('::package', {
    spriter: fis.plugin('fontmin', {
        // rules为数组，可设置多个rule,生成多个对应字体
		rules: [{
			// 必须设置，否则无效 设置将要应用此插件的文件，未设置的文件将被忽略
            match: 'pages/*.php',
			// 必须设置，否则报错 源ttf字体文件 该插件根据这个ttf字体文件生成相应压缩字体文件
            baseFile: 'css/fonts/SentyTang.ttf',
			// 默认为baseFile的目录（例如：'css/fonts'）
			releaseDir: 'css/fonts',
			// 根据text来生成压缩的字体文件，默认为match到的文件的所有内容，text也可设置为string类型，如text: 'aaa'
			text: function(content,file) {
				return content;
			},
			// 是否过滤text,只得到text中的中文
            chineseOnly: true,
            // 查看fis.file中的useHash 默认为false
            useHash: true,
			// 用来设置css,来插入到match到的文件中
			css: {
				fontFamily: 'SentyTang', // 默认为baseFile的文件名
				fontStyle: italic, // 默认为normal
				fontWeight: 200 // 默认为normal
			}
        }]
    })
});
```

[downloads-image]: http://img.shields.io/npm/dm/fis3-spriter-fontmin.svg
[npm-url]: https://npmjs.org/package/fis3-spriter-fontmin
[npm-image]: http://img.shields.io/npm/v/fis3-spriter-fontmin.svg

---
_Source: https://npm.io/package/fis3-spriter-fontmin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._