Web development
Raiting:
6

Building font


In recent years there has been a tendency to make out the graphics in the form of fonts. It really simplifies a lot. But there are difficulties of a practical nature: Where do I get the font with the symbols that are needed for me? Most often it turns out that you need a couple of icons from one font, a couple icons from another, etc. Moreover, each font designer has his own vision in terms of mapping glyphs. It is very inconvenient to plug in all that.

I got an idea to build a tool that could make font by a simple click of a mouse. Profit is obvious you get the font of the minimum size just to suit your specific needs. You get fontomas :).
image
It works right in a modern browser :). Inside there are already three most famous and high-quality iconic fonts, but if it is not enough, you can upload your own (in the SVG format or converted into Cufon).

Since the application is completely browser-based, and it was done in haste, there are a few limitations:
You cannot download OTF / TTF fonts (there are tons of online converters).
The output is only in SVG, in other formats must be converted manually.
Settings could not be stored when the page is refreshed.
These things are written in the tracker and they should be coming soon. Once the server side will be done.

The project is open, and all sources are on github. The fonts are also open. The criticism, ideas and help are welcome!
MeLavi 18 march 2012, 14:29
Vote for this post
Bring it to the Main Page
 

Comments

Leave a Reply

B
I
U
S
Help
Avaible tags
  • <b>...</b>highlighting important text on the page in bold
  • <i>..</i>highlighting important text on the page in italic
  • <u>...</u>allocated with tag <u> text shownas underlined
  • <s>...</s>allocated with tag <s> text shown as strikethrough
  • <sup>...</sup>, <sub>...</sub>text in the tag <sup> appears as a superscript, <sub> - subscript
  • <blockquote>...</blockquote>For  highlight citation, use the tag <blockquote>
  • <code lang="lang">...</code>highlighting the program code (supported by bash, cpp, cs, css, xml, html, java, javascript, lisp, lua, php, perl, python, ruby, sql, scala, text)
  • <a href="http://...">...</a>link, specify the desired Internet address in the href attribute
  • <img src="http://..." alt="text" />specify the full path of image in the src attribute