fontplop v1.4.0
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
3 years ago