https://github.com/matthewgonzalez/fontplop

Fast, Simple, & Free Open Source Webfont Converter
https://github.com/matthewgonzalez/fontplop

Last synced: about 1 month ago
JSON representation

Fast, Simple, & Free Open Source Webfont Converter

• Host: GitHub
• URL: https://github.com/matthewgonzalez/fontplop
• Owner: matthewgonzalez
• Created: 2017-09-30T17:25:38.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-09-22T08:32:09.000Z (about 3 years ago)
• Last Synced: 2024-11-02T17:29:46.372Z (about 1 month ago)
• Language: TypeScript
• Homepage: http://www.fontplop.com
• Size: 5.03 MB
• Stars: 785
• Watchers: 23
• Forks: 23
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-typography - fontplop - Fast, Simple, & Free Open Source Webfont Converter. (JavaScript)

README

        



  



---

[![Backers on Open Collective](https://opencollective.com/fontplop/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/fontplop/sponsors/badge.svg)](#sponsors) [![build status](https://img.shields.io/travis/reactjs/redux/master.svg?style=flat-square)](https://travis-ci.org/matthewgonzalez/fontplop)

FontPlop is an OSX/macOS application which takes `ttf` and `otf` files and outputs a webfont bundle: `woff2`, `woff`, `ttf`/`otf`. It is the simpler, faster, free successor to [FontPrep](http://www.fontprep.com), which is no longer maintained.

### Demo



### Installation

`brew cask install fontplop`

### Testing

Run lint (tslint) and tests (Jest) like so:

```sh

npm run lint

npm run test

```

### Generated CSS (recommended)

_Stolen directly from the Typekit site 💂💰_

```css

@font-face {

    font-family:"My Font";

    src:url("my-font.woff2") format("woff2"),url("my-font.woff") format("woff"),url("my-font.otf") format("opentype");

    font-style:normal;font-weight:400;

}

```

**Why not EOT or SVG?** Well, they're essentially no longer needed and/or dying off. See

[this issue](https://github.com/matthewgonzalez/fontplop/issues/17). If you _really_ need EOT/SVG

fonts, you can download version [1.1.0](https://github.com/matthewgonzalez/fontplop/releases/tag/v1.1.0)

where those formats were last supported.

### Donations

Help us keep FontPlop free and open source by making a donation. Thanks – it helps us continue

to build awesome stuff.

Via OpenCollective: https://opencollective.com/fontplop

Via Bitcoin: `182JQcPACPh3bf6iQE73KB4Dvv5na6zep4`

### Building fontplop.com

fontplop.com is hosted on Github pages. Publish changes like so:

1. Checkout `site` branch, which is a simple `create-react-app` app

2. Make changes

3. `npm run deploy` to publish to github

### Generating Installation Background

To accomodate for retina/non-retina screens, a multipage `TIFF` should be generated from two files.

```$ cd src/assets/build```

```$ tiffutil -catnosizecheck dmg-background.tiff [email protected] -out dmg-background-combined.tiff```

### Credits

#### Contributors

This project exists thanks to all the people who contribute. 



#### Backers

Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/fontplop#backer)]



#### Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/fontplop#sponsor)]





















### License

MIT