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.
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.
Export to Designspace
Version 1.7 introduces a simple export to designspace with separate master UFOs, which is useful if you want to generate a variable font from the data using Batch. The exporter makes some assumptions about the glyph names in the source file. These are valid glyphnames (depending on the model):
The script checks the
font.lib entry at
com.letterror.mathshape.designspace for information about the designspace topology. If you worked from a template generated with this extension then the settings are probably right. If there is no entry in the lib the script assumes a twobytwo designspace.
twobytwo: two axes, four masters
twobyone: one axis, two masters
threebyone: one axis, three masters
The Responsive Lettering package is published under the BSD-3 license.