FontPlop is an OSX/macOS application which takes ttf and otf files and outputs a webfont: woff. It is the simpler FAT-specific version of vanilla FontPlop, which outputs a more robust webfont bundle: woff2, woff, ttf/otf, and a css sample.

Demo

Please note this demo represents vanilla FontPlot. The FAT version does not output the generated fonts into a subfolder.

Installation

Build the app, deployed into an out/ subfolder that is not part of the git repository (for now) because of file size.

npm install
npm install electron-builder --save-dev

Deployment

Build the app, deployed into an out/ subfolder that is not part of the git repository (for now) because of file size.

npm run make

Testing

Create a dev version of the app which will reflect CSS / HTML changes in real time, but may require additional executions for function changes.

npm start

Generated CSS (recommended - functionality still exists but has been disabled for this build)

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.

Credits

Contributors

The FontPlop project originally exists thanks to all the people who contribute.

License

MIT