8 ms·

Create and manipulate fonts using JavaScript

88 points by potomak 12y ago

louisremi 12y ago
Here is the introduction blog post: https://www.kickstarter.com/projects/599698621/prototypo-streamlining-font-creation/posts/1132615 https://www.kickstarter.com/projects/599698621/prototypo-str...
fdb 12y ago
Plumin is a light wrapper around paper.js [1] and my opentype.js library[2], which can parse and write OpenType fonts in pure JavaScript. Plumin is nice to build fonts from scratch. If you're interested in taking an existing font and manipulating its shape or metrics, consider using opentype.js directly. [1] http://paperjs.org/ http://paperjs.org/ [2] https://github.com/nodebox/opentype.js https://github.com/nodebox/opentype.js
RussianCow 12y ago
What is the use case for something like this? I think it's really, really cool that this is possible, but I'm having trouble coming up with a scenario in which I'd actually want to do this.
- jarcane 12y ago
  I know of at least one site (FilmOn) that uses this kind of font substitution for rendering UI elements.
  - RussianCow 12y ago
    Is that done on the client-side or on the server? It makes sense to me if you want to programmatically generate icon fonts, but I just don't see the use case for doing this in the browser. Unless of course you were building an in-browser font creator tool. :) Regardless, this is a really cool idea!
- systemtrigger 12y ago
  A SaaS could use it to distort content, and remove the distortion for paid accounts.
  - m_mueller 12y ago
    by distorting on client side? well..
- joshontheweb 12y ago
  Just being able to adjust the font-weight of a font that doesn't have multiple font-weights is something I've wanted to do many times before.
- bucketsofdirt 12y ago
  Maybe something like what this guy was trying to do[1]. [1] https://github.com/christopherwoodall/fontface-Captcha https://github.com/christopherwoodall/fontface-Captcha
EdSharkey 12y ago
Blob url's set for @font-face src! What a neat hack.
sparaker 12y ago
Looks pretty awesome. Do you have any benchmarks on how fast this is on a mobile?
politician 12y ago
Web Font licensing is such a completely painful mess that I would wish/hope/love if this software came with a license that constrains the terms of use on any fonts produced with it to Creative Commons, or (what the hell) GPL.

88 points by potomak 12y ago

Here is the introduction blog post: https://www.kickstarter.com/projects/599698621/prototypo-streamlining-font-creation/posts/1132615 https://www.kickstarter.com/projects/599698621/prototypo-str...

fdb 12y ago

Plumin is a light wrapper around paper.js [1] and my opentype.js library[2], which can parse and write OpenType fonts in pure JavaScript. Plumin is nice to build fonts from scratch. If you're interested in taking an existing font and manipulating its shape or metrics, consider using opentype.js directly. [1] http://paperjs.org/ http://paperjs.org/ [2] https://github.com/nodebox/opentype.js https://github.com/nodebox/opentype.js

RussianCow 12y ago

What is the use case for something like this? I think it's really, really cool that this is possible, but I'm having trouble coming up with a scenario in which I'd actually want to do this.

jarcane 12y ago
I know of at least one site (FilmOn) that uses this kind of font substitution for rendering UI elements.
- RussianCow 12y ago
  Is that done on the client-side or on the server? It makes sense to me if you want to programmatically generate icon fonts, but I just don't see the use case for doing this in the browser. Unless of course you were building an in-browser font creator tool. :) Regardless, this is a really cool idea!
systemtrigger 12y ago
A SaaS could use it to distort content, and remove the distortion for paid accounts.
- m_mueller 12y ago
  by distorting on client side? well..
joshontheweb 12y ago
Just being able to adjust the font-weight of a font that doesn't have multiple font-weights is something I've wanted to do many times before.
bucketsofdirt 12y ago
Maybe something like what this guy was trying to do[1]. [1] https://github.com/christopherwoodall/fontface-Captcha https://github.com/christopherwoodall/fontface-Captcha

EdSharkey 12y ago

Blob url's set for @font-face src! What a neat hack.

sparaker 12y ago

Looks pretty awesome. Do you have any benchmarks on how fast this is on a mobile?

politician 12y ago

Web Font licensing is such a completely painful mess that I would wish/hope/love if this software came with a license that constrains the terms of use on any fonts produced with it to Creative Commons, or (what the hell) GPL.