# webfontify

> foo.ttf → @font-face { font-family: 'foo'; }

Latest version **1.0.2** (published 2015-08-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install webfontify
pnpm add webfontify
yarn add webfontify
bun add webfontify
```

Provides the command `webfontify`.

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2015-08-11 |
| First published | 2015-08-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 14 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Matt Brennan |
| Maintainers | quarterto |
| Keywords | webfont, font-face, browserify |

## Links

- npm: https://www.npmjs.com/package/webfontify
- Repository: https://github.com/quarterto/webfontify
- Issues: https://github.com/quarterto/webfontify/issues
- npm.io page: https://npm.io/package/webfontify

## Dependencies (14)

- [mkdirp](https://npm.io/package/mkdirp.md) ^0.5.1
- [ttf2eot](https://npm.io/package/ttf2eot.md) ^1.3.0
- [ttf2svg](https://npm.io/package/ttf2svg.md) 0.0.7
- [ttfinfo](https://npm.io/package/ttfinfo.md) ^0.2.0
- [defaults](https://npm.io/package/defaults.md) ^1.0.2
- [highland](https://npm.io/package/highland.md) ^2.5.1
- [minimist](https://npm.io/package/minimist.md) ^1.1.2
- [ttf2woff](https://npm.io/package/ttf2woff.md) ^1.3.0
- [glob-transform](https://npm.io/package/glob-transform.md) ^0.1.0
- [browser-resolve](https://npm.io/package/browser-resolve.md) ^1.9.1
- [filter-transform](https://npm.io/package/filter-transform.md) ^0.1.1
- [@quarterto/flat-tap](https://npm.io/package/@quarterto/flat-tap.md) ^1.0.0
- [@quarterto/highland-branch](https://npm.io/package/@quarterto/highland-branch.md) ^1.1.0
- [@quarterto/through-writable](https://npm.io/package/@quarterto/through-writable.md) ^1.1.0

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2015-08-11
- 1.0.0 — 2015-08-09

## README

<h1 align="center">
	<img src="https://raw.githubusercontent.com/quarterto/webfontify/master/logo.png" width="400" alt="Webfontify"><br>

	<a href="http://badge.fury.io/js/webfontify"><img src="https://badge.fury.io/js/webfontify.svg" alt="npm version" height="18"></a>
	<a href="https://travis-ci.org/quarterto/webfontify"><img src="https://travis-ci.org/quarterto/webfontify.svg?branch=develop" alt="Build Status"></a>
</h1>

Easily convert TTF to webfonts and output CSS

Usage
-----

### As a command

Install webfontify globally (or locally, and run from `node_modules/.bin`, then it's `webfontify path/to/font.ttf`. By default, it outputs fonts to `fonts/$fontname.{eot,woff,svg}` and CSS to `css/$fontname.css`.

### As a transform

Install locally alongside Browserify and [something](https://www.npmjs.com/package/cssify) to [bundle](https://www.npmjs.com/package/xcss) your CSS and run `browserify -t webfontify -t $css_importer index.js`, and any `require` statments pointing to `.ttf`s will convert the TTF and replace it with a `require` statement for generated CSS.

### As a module

```js
var webfontify = require('webfontify/transform');

fs.createReadStream('path/to/font.ttf').pipe(
	webfontify('path/to/font.ttf', options)
);
```

Options
-------

Just `cssDir`/`--css-dir` and `fontDir`/`--font-dir` for now. They do what you expect.

Licence
------

MIT

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