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

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.


fontplop demo


brew cask install fontplop


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");

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.


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

Via OpenCollective:

Via Bitcoin: 182JQcPACPh3bf6iQE73KB4Dvv5na6zep4

Building 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



This project exists thanks to all the people who contribute.


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


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