A
A
shop

Font Spy for GlyphsApp features:

If this video is not playing, please use Chrome or Safari.

Inspire Yourself

Version 1.0

Font Spy shows:

  • Either the selected glyph.
  • Or anything you type as text.
If this video is not playing, please use Chrome or Safari.

No Font Installation (!)

Version 1.0

W H A A A T ?!

YES! Just drop TTFs or OTFs into a folder called
“_FontSpyFonts”
and they’ll magically appear in the Font Spy.

  • Reload with one click, no app restart necessary.

Here’s an example for a folder structure:

# Example Folder Structure:
Glyphs
├─Plugins
│ ├─_FontSpyFonts
│ │ ├─hangul
│ │ │ ├─myHangulFont.otf
│ │ │ ├─...
│ │ ├─latin
│ │ │ ├─myLatinFont1.otf
│ │ │ ├─Gintronic-Light.otf
│ │ │ ├─...
│ │ ├─greek
│ │ │ ├─someGreekBold.otf
│ │ │ ├─...
│ ├─...
├─...
If this video is not playing, please use Chrome or Safari.

Variable Font Sliders

Version 1.0

This is a biggie! Really big!

  • Every font which has the Variable font indicator provides the sliders to be tweaked.
  • Those are actual (!) variable fonts.
  • You can even test your variable fonts without any browser or external apps. Not even Indesign supports that out of the box currently. OMG! 😱
If this video is not playing, please use Chrome or Safari.

Font Info

Version 1.0

Beta

Every font has a little button which opens another panel with nifty information about that font:

  • Variation sliders (If it’s a variable font).
  • Font name, which will dynamically adjust when you change the sliders.
  • Copyright info. We respect and honor the designers who inspire us.
  • Italic angle in degrees.
  • Glyphs count.
  • Font UPM.
  • Supported Languages (beta).
  • typographic features
If this video is not playing, please use Chrome or Safari.

Customize your List

Version 1.0

This list is the main part of Font Spy. Here you see all the fonts you want to see.
Customize it as your heart desires:

  • Drag-n-drop-rearranging to compare fonts directly.
  • Resize the fonts.
  • Show/hide the font names.
  • Select any font to see it with inverted colors.
If this video is not playing, please use Chrome or Safari.

Support for Any Script

Version 1.0

Beta

Font Spy supports any script you want.

All you need to do is to put the supporting fonts into a subfolder with that script’s name. Lowercased. Done. Font Spy takes care of the auto-recognition.

  • If you add a subfolder “none”, all glyphs without a script will trigger to show the fonts from this folder.
If this video is not playing, please use Chrome or Safari.

Real Text

Version 1.0

Beta

Font Spy presents real text to you.

The fonts behave like in a text editor, they will have kerning, all default OpenType-features like ligatures and proper mark positioning.

If this video is not playing, please use Chrome or Safari.

Normalise x-Heights

Version 1.0

Simple but super effective:
Activate this and all fonts get rescaled to have the same x-Height as the first font in list.

Remember that you can drag and drop any font to be the first item in order to be the scale master.

If this video is not playing, please use Chrome or Safari.

Fallback Glyph

Version 1.0

Beta

When your selected glyph is suffixed
(for example “a.calt01”)
and any of the shown fonts doesn’t have a glyph with this name, Font Spy attempts to present the base glyph
(for example “a”)
instead.

This means that you can easily see when a font actually includes a glyph with this name or is lacking certain glyphs.

  • Base glyph fallbacks will be grey to indicate that it’s not exactly the glyph you asked for. But fair enough.
  • Missing glyph fallbacks will be a system font and in a very light color.
If this video is not playing, please use Chrome or Safari.

Crossbar

Version 1.0

Beta

For comparing relations between fonts and glyphs you get several different measurement tools.

  • 1:A thin crossbar to quickly compare alignments. It’s also italicised to the font’s angle.
    Activate with Cmd and moving the mouse.
  • 2:A wide crossbar which you can set the width of. Horizontally and vertically.
    Activate with Shift and moving the mouse.
    It’s auto-adjusted to the normalized x-Height and makes it easy to quickly compare stem widhts within one ore many fonts.
  • 3: Rectangles to show words’, glyphs’ and line’ bounds.
    Activate with Opt and moving the mouse.
  • 4: Vertical font metrics. Ascenders, descenders, x-Height, cap-Height of the font. (For variable fonts this feature is in beta status.)
If this video is not playing, please use Chrome or Safari.

Window Style

Version 1.0

Font Spy acts as a floating window which is always on top.

Hence you can work on your design without the need to re-enable the window when you need it.

  • You can resize it to be as big or small as you want.
  • Font Spy remembers its position when you open it later.
  • It supports Dark Mode and all those fancy spor colors.
If this video is not playing, please use Chrome or Safari.

Show Font in Finder

Version 1.0

Click this button and the chosen font will magically opened in the finder.

That’s also a quick way to access the Font Spy fonts folder.

Font Spy
Font Spy
Font Spy

You’re designing a new type face and want to see how other designers drew that certain letter?

Or you are curious how other fonts look in a certain weight or stlye?

Before Font Spy

At least those 7 steps:
You opened your font manager
Navigated to the desired font
Typed the glyphs you want to see
Found out you cannot type any glyph by its name or unicode
Tried to remember which of your fonts support which script
Went back to your font editor to finally work on your own design
Repeated with the next font and next font and next …

With Font Spy

1,5 steps:
You fill the Font Spy folder (once).
Launch the plugin.

Done. Enjoy the free time you earned!

Look at other fonts while working on yours. Let’s be honest: no designer does her/his job without peeking sideways to what other great designers do. And that’s okay. You inspire yourself, you learn. Now it just gets incredible quick and convenient for you to do so. Without ever leaving GlyphsApp.

Font Spy is not just another font browser. It can even handle variable fonts. You can abuse Font Spy for testing them natively in your Mac OS.


Quick Steps

In the GlyphsApp’s Plugin folder, create a new folder called “_FontSpyFonts”. In there you create subfolders for the scripts you want to use. For example “latin”, “cyrillic” or “none”. The fonts will not be installed, but still used by Font Spy right away.

Upcoming Features

Select multiple glyphs
Categories like “Display”, “Text” or “My Project 1”
Scale font bounds (for scripts with tall extenders)

Compatibility:

Mac OS 10.13: or higher will work.
Mac OS 10.12: I got a version for this at hand. Let me know if you need it!
Mac OS 10.11 (El Capitan): not tested.
Mac OS 10.10 (Yosemite): not tested.

Shown Fonts

Cheee Variable by OhNo Type Co
Ohno Blazeface by OhNo Type Co
Dunkelsans Variable by Minjoo Ham
Fip by Mota Italic
Open Khmer Schoolbook by Sovichet Tep & Xavier Dupré
Romnea by Sovichet Tep
IBM Plex (also Thai Looped and Loopless)
Athiti, Maitree, Pattaya, Taviraj by Cadson Demak
Noto Sans CJK by Google
Source Han Sans by Adobe Systems

Get it here:

×

    1.0

  • New release.
×

These will be solved in future updates:

  • Some (Thai) font’s glyphs pass the fallback algorithm and don’t display the actual glyph, but the “uniXXXX” name instead.
  • Left sidebearing chopps off letters like j in italic, or zero-width marks.
Related projects: