Fast, Simple, & Free Open Source Webfont Converter
Clone or download
matthewgonzalez Merge pull request #28 from matthewgonzalez/otf-to-ttf
switch CSS file to use TTF as opposed to OTF
Latest commit d6fde1b Jul 26, 2018

README.md

fontplop logo


Backers on Open Collective Sponsors on Open Collective build status

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

fontplop 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:

  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 dmg-background@2x.tiff -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]

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