Variable Font Preview

Involved Masters

Version 2.0

Beta

With this new feature you’re equipped for understanding even the most complex fontmaster-axes-setups, since it not only shows the involved masters for your currently dialed in interpolation.

You can see the percentage % of how much each master influences the current interpolation.

The color of the interpolation represents the involvement of each masters.

Center Preview Glyph

Version 2.0

Sometimes it can be handy to have the interpolation behind your letter be centered no matter what. Well, here you are.

Numerical Values

Version 2.0

Moving sliders only? Not everone’s cup of tea!
You can simply type the values in the number labels instead.

And it doens’t stop there:

  • Use your arrow keys to increment or decrement in single steps.
  • Hold shift to increment in steps of 10.
  • Hold shift+cmd to increment in steps of 100.

Extrapolation:

Using the text fields also empowers you to extrapolate beyond your axes limits.

But beware: Extrapolated values are not possible in variable fonts, so they will be shown in gray to indicate that they’re probably not what you really want.

Jump to Instances

Version 2.0

Once you need to set the sliders to any of your instances, you’ll find this feature come in super handy.

Select any of the instances in the context menu and the sliders will snap into their proper position.

Make Instance

Version 1.0.2

Make an instance from your very current slider setup. Could that be done any quicker? I don’t think so.

Right To Left

Version 1.0.4

Beta

Working on Arabic or Hebrew variable fonts? Or any other right-to-left (RTL) writing system? No worries, I got you covered right here. Give it a try.

Shown font: FiraGO Arabic.

Virtual Masters

Version 2.0

Beta

You want to reduce the amount of masters but still change the appearance of some glyphs? That’s what virtual masters are for.
Variable Font Preview is capable of presenting the result to you.

Show Nodes

Version 1.0.2

Tune into the visual complexity as you wish! Depending on the stage in your workflow you might want to adjust what to see and what to hide.

The nodes of your interpolation and the involved masters are definite toggle candidates.

Oh, and their size can be adjusted in the GlyphsApp preferences.

Glyph Swapping

Version 1.0.1

You want to swap incompatible layers entirely on certain settings? The preview will deal with your bracket layers with ease.

Change Size and Color

Version 1.0.1

It’s as easy as pie to change the preview size and color, since they are attached to the built-in preview settings of Glyphs.

However you can also just grab the upper preview and drag it to resize.

PS: The example font is IBM Plex Thai Looped, which is by the way not even set up as variable font. That works, too! Cool, eh?

Streamlined User Interface

Version 2.0

Lots of thinking and work went into streamlining the user interface for your greatest pleasure and ease of use.

Elements that are not used too often went into a context menu, out of your sight when you don’t need them, providing you with more space to work, enjoy and observe your drawings.

Variable Font Preview
Variable Font Preview

A GlyphsApp plugin

Note: There is a version for Glyphs 3. You can find it in the Plugin Manager of Glyphs.
This page is outdated and here for archival reasons and the Variable Font Preview 3 for Glyphs 3 page is updated soon.

Variable Fonts are the next big thing in (web) typography. So next and so big, that their potential isn’t even fully discovered by designers.
What is clear already is that they bring incredible new opportunities do design and web experiences. Along with those new chances come
challenges for the type designers who create v-Fonts:

Juggling with crazy, unprecedented master setups and keeping all possible outcomes with variable axes in sight became a
mind-boggling and sheer unsolvable task. Until now!

With this GlyphsApp plug-in you can now immediately preview what your variable font will look like with any axis settings,
see the live result while drawing, spot interpolation issues. It works with ordinary Multiple Master fonts just as well.

Version 2.0 is entirely rewritten in native Apple code, which brings not only an incredible performance boost,
but also eases up the maintaining und updating process. That means more comfort for you.



Features:

  • Live preview of any variable font setting without exporting any font files.
  • Preview the content of your Edit Tab as well as your current glyph.
  • See the masters involved in the current interpolation.
  • Easily spot interpolation issues that can be hard to find otherwise.
  • Glyph swapping (»bracket trick« layers) can be previewed.
  • Works with ordinary Multiple Master fonts as well.
  • Huge (10k+ glyphs) fonts are no problem at all.
  • Show/hide the nodes of the interpolation.
  • Quickly set sliders to your masters or instances.
  • Make an instance from current slider setup.
  • Preview virtual masters.
Related projects: