{"id":13748143,"url":"https://github.com/LettError/responsiveLettering","last_synced_at":"2025-05-09T10:32:16.456Z","repository":{"id":48970913,"uuid":"45921748","full_name":"LettError/responsiveLettering","owner":"LettError","description":"Responsive lettering in SVG, export tools for RoboFont.","archived":false,"fork":false,"pushed_at":"2023-11-09T07:05:50.000Z","size":2772,"stargazers_count":153,"open_issues_count":1,"forks_count":8,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-11-15T22:33:55.744Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://letterror.github.io/responsiveLettering/www/index.html","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LettError.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2015-11-10T15:40:18.000Z","updated_at":"2024-01-08T22:17:35.000Z","dependencies_parsed_at":"2024-01-17T13:12:06.106Z","dependency_job_id":"d2a50179-d7f9-454a-b7ff-e5eaa112590d","html_url":"https://github.com/LettError/responsiveLettering","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LettError%2FresponsiveLettering","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LettError%2FresponsiveLettering/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LettError%2FresponsiveLettering/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LettError%2FresponsiveLettering/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LettError","download_url":"https://codeload.github.com/LettError/responsiveLettering/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253234178,"owners_count":21875561,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T07:00:35.388Z","updated_at":"2025-05-09T10:32:15.114Z","avatar_url":"https://github.com/LettError.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# responsiveLettering\n\n![Responsive Lettering](responsiveLettering_screen.jpg)\n\nResponsive lettering: scalable, interpolating vector shapes that can make themselves fit in a range of rectangles.\n\n* \u003ca href=\"http://letterror.com/dev/responsivelettering/\"\u003eMore examples here.\u003c/a\u003e\n* An \u003ca href=\"http://letterror.github.io/responsiveLettering/www/introduction.html\"\u003eintroduction of the parts is here.\u003c/a\u003e\n\nThe 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 \u003ca href=\"http://doc.robofont.com\"\u003eRoboFont\u003c/a\u003e.\n\nThe 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 \u003ca href=\"http://letterror.github.io/responsiveLettering/www/index.html\"\u003ethis\u003c/a\u003e.\n\nThe www code depends on\n\n * jQuery, but probably not a very specific version\n * snap.js, a very handy library for manipulating SVG data.\n\nAll the vector data comes from json, so in theory it might be possible to rewrite all this without snap.js. \n\n## Robofont extension\n\n![RoboFont Extension](RoboFontMathShapeExporter_screen.gif)\n\nThe 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 \u003ca href=\"http://www.robofontmechanic.com\"\u003eRoboFontMechanic\u003c/a\u003e.\n\n## Export to Designspace\n\n![Variable font generated from a responsive lettering project exported to designspace](peace.png)\nVersion 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):\n\n* narrow-thin\n* wide-thin\n* medium-thin\n* narrow-bold\n* wide-bold\n\nThe 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.\n\n* `twobytwo`: two axes, four masters\n* `twobyone`: one axis, two masters\n* `threebyone`: one axis, three masters\n\n## Credits\n\nIdeas and code very much in debt to \u003ca href=\"http://www.typosansplomb.com/ResponsiveInterpolation/\" target=\"_new\"\u003eJeremie Hornus\u003c/a\u003e, \u003ca href=\"http://typologic.nl/news/live-font-interpolation-with-svg/\" target=\"_new\"\u003eNina Stössinger\u003c/a\u003e, \u003ca href=\"http://alistapart.com/article/live-font-interpolation-on-the-web\" target=\"_new\"\u003eAndrew Johnson\u003c/a\u003e, \u003ca href=\"http://onuryazicigil.com\" target=\"_new\"\u003eOnur Yazıcıgil\u003c/a\u003e, and \u003ca href=\"http://nicksherman.com\" target=\"_new\"\u003eNick Sherman\u003c/a\u003e.\n\n## License\n\nThe Responsive Lettering package is published under the [BSD-3 license](http://opensource.org/licenses/BSD-3-Clause).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLettError%2FresponsiveLettering","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FLettError%2FresponsiveLettering","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FLettError%2FresponsiveLettering/lists"}