Andrea Herstowski

office hours by appointment

Class Syllabus


Google Drive


Font Editing Software: Create : Produce : Release

Glyphs is a (software) tool for creating open type fonts. It is primarily a tool for designing and producing new fonts. Its main principle is that you can edit glyphs in a word context. All tools are optimized for a type design workflow as natural, quick, and intuitive as possible. There are other font editing programs such as font lab and robo font. We are going to use Glyphs it is an industry-standard, it is intuitive and it has many online resources for you when you (we) get stuck.

DOWNLOAD: the Glyphs Handbook

Drawing in Glyphs/Refining your letters
Starting with the h:
Glyphs intro:
Drawing Basics: 3_2_DrawingBasics.mp4
Drawing Letterforms: 3_3_DrawingLetterforms.mp4
Drawing Paths:
Smooth Curves:
Working with Paths (he moves fast):
Compare Variations of the same letter using layers:

Need more? (let me know if you need access) downloaded some for you
Drawing Vectors

List Feature:
Optical Compensation:

Read: Type Mechanics, Tobias Frere-Jones part 1 | part 2
Stroke Opitics: / eyeballing-iv-the-stroke-optics

Punctuation and Symbols
Designing: . , : : ? !
Designing: Asterisks, crosses, at-marks, copyright symbols
Designing: Quote Marks
Desiging: Brackets
Desiging: Dashes

Great visual explainations: Sketching Techniques
Read: Type Workshop: basics
Read: LetterFountain:
Pointed Pen vs Broadnib: Type workshop
Tranlation vs Expansion:
Gerrit Noordzij:
Sketchy Sketching:
Read: Nina Stössinger, Daily Typesketch:
Sketching with double pencil:
Sketching Sketching Techniques

Type workshop: Spacing:
Video: Spacing
Read: Walter Tracy: Letters of Credit
Spacing pdf: Spacing

Links below are from Lynne Yun
Text for Proofing Fonts by Jonathan Hoefler
Spacing Tests by Dan Rhatigan
Kern King by Leslie Cabarga
Galvanized Jets by Samarskaya & Partners

Micro Typography: How To Space And Kern Punctuation Marks And Other Symbols

Open Type Features
Contextual Alternets:
Simple substitutions: features-part-1-simple-substitutions
Contextual substitution: features-part-2-contextual-substitutions
Contextual alternates: features-part-3-advanced-contextual-alternates
OpenType Cookbook:

Accents have enhanced the basic 26 letters of Latin alphabet since the Middle Ages. They delimit the way a word is pronounced and they help distinguish between words which would otherwise look the same. This is necessary, for all European languages have more phonemes than the 26 basic letters.

Glyphs app tutorial:
History, index, tips:
Context of Diacritics:
Problems of Diacritic Design for Central European Languages: Insects project.pdf
Polish Diacrtics: polishhowto/ogonek.html
Building in Glyphs:

Glyphs App:
Kerning at the end:
Art of Kerning:
Practice you kerning with the kerning game:
Most common kerning pairs: Spacing

Variable Fonts (class tutorial)

Stephen Nixon: Creative Explorations Herb Lubalin Lecture Series
Exploration of Variable Fonts:an-exploration-of-variable-fonts-37f85a91a048
Evolution of Typography:/the-evolution-of-typography-with-variable-fonts-7cd0078b5ceb
Making a variable
Understanding Multiple Masters:
Creating a Variable Font:
Setting up instances:
Resource for finding variable fonts: V-Fonts
The evolution of typography with variable fonts:
Test in your browser

AfterEffects Animation:
Variable Fonts with CSS: variable-font-animation-with-css
David Johnathan Ross: github


Animating with Drawbot:
Kinetic Type:

Scripts and Plug-ins
Mekkablue Scripts

Cbeck list: more how you can find above

___ Sketch, Draw, Refine...
___ Draw Good Paths:
___ Intial drawings: define key components to use over and over (stem witdh, contrast, serifs)
___ Use components in for serifs: unil you have them settled on.
___ Note Dimensions
___ Background layer
___ Set up your Master so the x-height, cap height, overshoot are set.
___ Name your font even it you are going to change it later
___ Space characeters/glyphs as you go. Use the type tool and look at words when you are working.
___ Spacing Tiips Read: Walter Tracy: Letters of Credit | Spacing pdf: Spacing
___ Turn on Red Arrows and try an correct.
___ Make sure you have Extreme points.
___ Fit Curve: try and make the handles the same length (jnot always possible)
___ Use Reconnect Nodes when you need to adjust.
___ Use Open Corners to adjust large dark areas in M N W V etc
___ Transformaitions: use the alignment tool to align points.
___ Use the measurement tool to measure point to handle...
___ Open Type for contextual alernates/ ligatures.
___ Kearning Pairs.

Leave time to refine letters.
Take a close look at letter proportion.