Visualization
of Typographic Data
Josh Nimoy, Feb 1, 2004
There have been many reasons of technical difficulty for why I
have not been able to pull this off in the past. Now that I finally
sat down and did the proof of concept, I am happy about the programming
triumph. But moreso, I am delighted by the visual outcome.
Click for larger image
It's
important to me as a designer that I have direct control over
the vertices of any typeface. Not only does it provide a clean
way to manipulate the shape, but it also reveals hidden architecture
of the font - information that I find inspiring. Illustrator,
InDesign, Dreamweaver, and Flash are commercial software tools
that will allow the end user to convert a piece of text into vector
outlines for deeper editing. I have always had a problem with
this because it sacrifices the copy-editing capability of that
graphic. With exception to an obscure option in InDesign, the
type just gets converted into raw geometric information and the
string of text that you typed gets lost. In search of a deeper
access to the font's hidden architecture, I did some programming
and produced the above image. In order from top to bottom, the
fonts are Arial, Times, Kroeger, and italicized Courier. They
have been rendered as basic geometric triangles. In order to achieve
this, math was applied to the contour path information parsed
from TrueType files. Triangulation of curvature is important to
architectural building, industrial fabrication, and even in gaming,
where each object must be broken down into such basic parts in
order for the computer to know how to draw it. The resulting renders
are stunning to me since they reveal a secret visual property
of the type - one that is not just serendipitous effects of some
geometry filter. Since this visual step is a subliminal part of
every single time the font gets rendered, I know that the numbers
are passing through this state on their way to solid black. The
image above is not of type with an extra layer of filtering done
to it; it is type with the extra layer not done to it.
I take a particular delight in the almost-symmetry of Kroeger's
S.
At a technical level, this code will make it possible for me to
start merging editable copy interfaces with type-level shape manipulation
- as well as paragraph-level, word level, sentence level, etc.
|