https://github.com/LettError/responsiveLettering

Responsive lettering in SVG, export tools for RoboFont.
https://github.com/LettError/responsiveLettering

Last synced: 3 months ago
JSON representation

Responsive lettering in SVG, export tools for RoboFont.

• Host: GitHub
• URL: https://github.com/LettError/responsiveLettering
• Owner: LettError
• Created: 2015-11-10T15:40:18.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2023-11-09T07:05:50.000Z (over 1 year ago)
• Last Synced: 2024-08-03T07:01:37.500Z (7 months ago)
• Language: JavaScript
• Homepage: http://letterror.github.io/responsiveLettering/www/index.html
• Size: 2.64 MB
• Stars: 153
• Watchers: 14
• Forks: 8
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# responsiveLettering

![Responsive Lettering](responsiveLettering_screen.jpg)

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

* More examples here.

* An introduction of the parts is here.

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

![RoboFont Extension](RoboFontMathShapeExporter_screen.gif)

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

![Variable font generated from a responsive lettering project exported to designspace](peace.png)

Version 1.7 introduces a simple export to [designspace](https://github.com/LettError/designSpaceDocument) with separate master UFOs, which is useful if you want to generate a variable font from the data using [Batch](https://github.com/typemytype/batchRoboFontExtension). The exporter makes some assumptions about the glyph names in the source file. These are valid glyphnames (depending on the model):

* narrow-thin

* wide-thin

* medium-thin

* narrow-bold

* wide-bold

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

## Credits

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

## License

The Responsive Lettering package is published under the [BSD-3 license](http://opensource.org/licenses/BSD-3-Clause).