Awesome

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, which is no longer maintained.

Demo

Installation

brew cask install fontplop

Testing

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

npm run lint
npm run test

Generated CSS (recommended)

Stolen directly from the Typekit site 💂💰


@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. If you really need EOT/SVG fonts, you can download version 1.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:

Checkout site branch, which is a simple create-react-app app
Make changes
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 dmg-background@2x.tiff -out dmg-background-combined.tiff

Credits

Contributors

This project exists thanks to all the people who contribute. <a href="graphs/contributors"><img src="https://opencollective.com/fontplop/contributors.svg?width=890&button=false" /></a>

Backers

Thank you to all our backers! 🙏 [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

License

MIT