v1.08 – Copy Shapes

New Features

  • When inserting a new Component Instance, or using the ‘Get Shapes’ command to paste all the shapes from one glyph to another, there are new options to also copy Glyph Attributes like Width and Side Bearings. This is very useful if you use these copy commands for diacritical marks, where the new glyph should have both the shapes and the glyph dimensions of the root glyph.
  • Little notation on the splash screen and on the About page that indicates if Glyphr Studio has been updated in the past week.

Bug Fixes

  • Removed glyphs 0x0080 through 0x009F from the chooser panel. In Unicode, these are printing control glyphs that have no visual associated with them. But, browsers tend to replace these with ANSI glyphs, so the glyph chooser was erroneously showing previews, causing confusion.
  • Fixed a bug where ‘Bulk transform shapes’ also transformed shapes in other glyphs.
  • Added support for SVG number notation, where numbers like ‘123.45.67.89’ are interpreted as ‘123.45, 0.67, 0.89’.
  • Fixed a bug to only export SVG glyphs if that glyph has a valid hexadecimal key value.
  • Fixed a bug where you weren’t able to set a shape’s x/y coordinate to zero.
  • Fixed a bug on Mac where releasing the command key did not exit multi-select mode. (Releasing the key should work, but if not, clicking either the Arrow or Pen tool again will now forcefully exit multi-select mode)
  • Glyph Range in the Chooser panel is remembered when the panel is switched.
  • Fixed a bug where editing shape width/height via Attributes Panel was not honoring Lock Aspect Ratio.

Version 1.04: Combine Selected Shapes

Well – boolean actions are here, and the first one is Combine.  That’s the big update for 1.04, but you may notice something else before that – we slipped in new icons for actions in one of the previous patch updates:

glyphr_studio_shape_actions

Like before, these actions are contextually shown or hidden, based on a variety of things.  The icon in the lower right is the Combine action, and it shows up if you have two shapes selected. (BTW, you can multi-select shapes by using the pointer tool and Ctrl+Click’ing)

Combine Shapes is going to be kind of a progressive feature.  It works for the most part, but we’re still encountering edge cases where it fails.  That’s where you come in!  Please try out the combine feature, and if you repeatably run into an issue combining two shapes, please email us ([email protected]) your Glyphr Studio Project File (.txt) and tell us which two shapes you’re combining.  We are also going to continue to thoroughly test the feature, and fix any edge cases we find.

Going forward, once the Combine algorithm is more solid, we’ll be implementing some related features:

  • Combine more than two shapes at once.
  • On the back end, combine shapes and make them semi-transparent for overlapping glyphs in Kern Groups.
  • Provide an option to combine shapes within a glyph on export – to simplify and minimize font data.

All this stuff will be happening over the 1.04.x milestone, so stay tuned!

Version 1.03: Rotate

So, I know we were going on and on about Boolean Combine… I was having a nice discussion with a Glyphr Studio user over at GitHub about Rotation, and I got to a point where I realized I could actually do the rotate feature in less time than it was taking to talk about it.  So here it is!

rotate

It also works for Component Instances… but due to how adjustments are applied to Root Components, there could be some wonky results.  It boils down to this: there is an extra property on Component Instances called “Rotate First”.  If you want to rotate, flip, and adjust the size of a Component Instance, try to do the rotate as the very first action, or the very last action.

If you are curious, it has to do with rotating shapes about their center point. If you do a Resize-Rotate action, it will create a different shape than a Rotate-Resize action. Wierd!

component_instance_rotating

Version 1.02: Multiselect Path Points

So, we took a little time off over the summer, but v1.02 is here – multiselect Path Points!  When the Pen tool is selected, just press the Ctrl key, and all the points for all paths will be shown. While holding the Ctrl key, clicking more points will multiselect them.  That’s right – select many points from one path, or many points from across different paths, and edit them together!

Mostly this is useful for moving a couple points at the same time, but any action you can do on one point can also be done on many: Nudge, Insert, Delete, or Reset.

Go try out the new feature and let us know if you find any bugs! We have some performance improvements that we’re also working on.  And v1.03 will probably be Boolean Combine (which sounds like an event at the Nerd Olympics).

Stay Tuned!

Version 1.01: Multiselect Shapes

The first minor update to Version 1 is here!  Now, if you have the pointer / shape edit tool selected, holding down the ctrl key while clicking shapes will enable you to multiselect those shapes.  After that, you can move, re-size, or take actions on that set of shapes.

This feature has been a long time coming, we know it’s one of those basic things people expect to be there.  And, don’t worry, the Version 1.02 milestone is already set – we’re going to add multi-select for Path Points as well.  All these features are actually laying the groundwork for boolean combine features (Combine two shapes, subtract one shape from another, split shapes where they overlap, etc…) so stay tuned for that.

Try out the new Shape multiselect feature, and let us know how it works out!

Version 1!

Party Time!Hooray! We are very pleased to announce that Glyphr Studio Version 1 has just been released!  It’s live right now at glyphrstudio.com/online.  Go play with it, and please let us know what you think!

 

What’s New?

Originally we were just going to implement Import Export OpenType Fonts for V1… but we took a not-so-little detour through the land of Components.  The more we thought about it, Components was going to be a massive change to the codebase, so it was better to get it out of the way before we slapped the ‘V1’ label on Glyphr Studio.  But, as a result, you can now import and export OTF / TTF files (yay!) and you can use Components.

Components

Linked Shapes were the original idea – being able define a shape once and re-use it across many glyphs.  In practice this is a good idea, but it also falls very short of what is useful in real font design.  Components are the super-charged version of Linked Shapes.  Components can contain as many shapes as you want, and are basically stand-alone Glyphs that aren’t directly mapped to a character in the alphabet.  Once you link a Component to a Glyph, you get a Component Instance.  Component Instances can not only be moved, but also re-sized and flipped.  Additionally, you can use any regular Glyph or Ligature as if it were a Component.  Go crazy with nesting and linking!

Import and Export Fonts

This was the big feature we were waiting for, and thanks to OpenType.js – it’s here!  There are some caveats – for example, Kern values and Ligatures can’t be exported at this time (You can check out details on the File Formats Help Page).  But, as OpenType.js adds features, so will Glyphr Studio.  It’s the beginning of a beautiful relationship!

Help & Documentation

One of the big things we did to speed up releases is to move the Help file to it’s own site: help.glyphrstudio.com.  Check it out and let us know if we can improve any of the content.  It’s also hosted on GitHub, so if you are GitHubSavvy, you can actually write or improve articles directly!

What’s Next?

Well, we have a lot of ideas.  Please let us know what you’d like to see happen – user feedback is the main way we decide what to do next!  Part of the overall changes we made in preparation for V1 will allow us to have much faster releases.  Where the last few Betas took a few months to complete, we now plan to ship new features and bug fixes as soon as they are complete – maybe even monthly or weekly!

So stay tuned – and drop us a line to let us know how we’re doing!

Roadmap to Version 1

Even though Glyphr Studio is close to 5 years old, it’s only been in the past year or so that things have really started to pick up.  Learning about all the tools and concepts that go into designing a font, then creating them and shipping them as a web app has been a fantastic learning experience.

But we’ve always had one little feature that was a “must have” before we felt comfortable moving Glyphr Studio from Beta to a fully-fledged Version 1.  And that feature is being able to import and export a font.  No-duh, right?  It turns out that this is pretty complicated to do using only JavaScript and a web browser.  We had so much on our plate that we barreled forward with the huge list of other features first… before we knew if import/export was even possible.  Even though Glyphr Studio has a bunch of awesome features right now, it’s always seemed awkward to have a tool that helps you design a font, but isn’t able to save a font.  We’re right there with you.

That’s why I’m excited to announce that there will be no Beta 6.  Before we work on anything else, we’re going to integrate with OpenType.js – a fantastic open source project that uses JavaScript to import and export OpenType and TrueType font files.  Once that happens, we’ll move Glyphr Studio to Version 1… and it will be time for some party hats, confetti, and champagne.

Time to move faster…

Up until now, we’ve had a model where we choose roughly 3 large features, and a handful of smaller features, and bundle them up and ship them as a Beta.  Doing this usually took a few months.  From what we’ve learned through Beta 5, we’re also going to change this shipping cadence.  After v1 we’ll simply ‘publish’ new features right as we finish them – reducing time between updates from months to weeks or days.

In order to accomplish this much faster pace (and get y’all features faster and fix bugs sooner) we have to make some tweaks to our process.  We’re removing some of the cumbersome stuff from the code base – namely the example Glyphr Studio project (aka the Sandbox feature on the website), and the Help Documentation.

The Help Documentation will get it’s own GitHub repository, so you can suggest changes or file issues against help documents that aren’t so helpful.  It will then be published to glyphrstudio.com/help whenver it’s updated.

We used to have two build processes that resulted in the /online and /sandbox pages.  We’re going to remove the built-in example project from the code base, and also remove the /sandbox page on the website.  Instead, we’ll make it easy to open example projects from the start screen.  Having quick access to some example fonts is good to have for people just starting to use the tools… but having to ship two versions of each Beta was kind of a pain.

These two changes, plus some other backend stuff we’re working on right now, will ultimately help us ship as fast as we want to.

Lastly, THANK YOU!

We owe so much to the community of font designers and developers that has sprung up around Glyphr Studio.  User feedback is the primary way we prioritize what our next steps will be.  Keep the emails and tweets coming, we thrive on interacting with people.  Hopefully the changes that we roll out for Version 1 will be the beginning of an awesome new chapter in Glyphr Studio history!

Cheers!