typeface.js — Rendering text with Javascript, canvas, and VML

typeface.js uses browsers’ vector drawing capabilites to draw text in HTML documents. For a good while, browsers have had support for vector drawing — Firefox, Safari, and Opera support the canvas element (as well as SVG), and IE supports VML.
The typeface.js project has two components: the perl module for converting fonts, and the javascript library for drawing in the browser. The perl module extracts glyph outline information from truetype fonts and writes that data in JSON format. The javascript library then traverses the HTML document and renders text using canvas or VML to draw the glyphs.

Great hack but in wrong hands this can turn into a disaster.

Related Posts