Responsive lettering in SVG, export tools for RoboFont.
JavaScript Python HTML Other


Responsive Lettering

Responsive lettering: scalable, interpolating vector shapes that can make themselves fit in a range of rectangles.

The python code consists of a couple of scripts to generate the SVG needed for responsive lettering. These are also included in the RoboFontExtension. All scripts are for RoboFont.

The www/ folder contains a working example. As it is loading .js and .json files it might be necessary to serve the files from a real server. When everything works it should look something like this.

The www code depends on

  • jQuery, but probably not a very specific version
  • snap.js, a very handy library for manipulating SVG data.

All the vector data comes from json, so in theory it might be possible to rewrite all this without snap.js.

RoboFont Extension

The RoboFont extension is a useful tool for previewing and exporting vector work in a UFO to mathshape data. It can also be installed director from RoboFontMechanic.

Ideas and code very much in debt to Jeremie Hornus, Nina Stössinger, Andrew Johnson, Onur Yazıcıgil, and Nick Sherman.


The Responsive Lettering package is published under the BSD-3 license.