Given (1) a font-family and (2) a unicode character code. Is it possible to, within JavaScript, produce an image that looks like: http://www.freetype.org/freetype2/docs/tutorial/metrics.png Basically, I want to: display the character itself (enlarged) get the various font metrics draw a bunch of light grey lines Now, drawing the light grey lines is simple -- I just use SVG. However, how do I extract the font-metrics of the character?

JavaScript Font Metrics

Given (1) a font-family and (2) a unicode character code.

Is it possible to, within JavaScript, produce an image that looks like:

Basically, I want to:

Now, drawing the light grey lines is simple -- I just use SVG. However, how do I extract the font-metrics of the character?