I'd like to start working on italics for my font (Portfolio Mono, see a separate thread).
The problem is I've never done italics before, so I'm not sure how to approach this task.
It's going to be true italics, but related to the roman enough to consider the roman as a starting point.
I'm considering starting from:
1. scratch.
2. the roman slanted.
3. the roman manipulated by some fancy tool that is supposed to give better results than simple slanting.
(Am I missing any option?)
How would you approach this?
Any tips?
What tools do you use for better slanting?
0
Comments
Tools I know of: RMX slanter, and Glyphs' slant function.
A 'true italic' lowercase, i.e. one with a cursive ductus construction, is a completely different beast from a roman, so there's no point in starting with a slanted roman. Better to start from scratch.
Tip: because a diagonal line between two heights is longer than a vertical line between the same heights, the x-height of an italic tends to appear optically larger than that of a corresponding roman, so you should compensate for this by making the italic x-height slightly shorter. You don't need to do the same compensation for cap height or extenders, because these don't have the same impact on perceived text size.
Slant being the cornerstone of what readers expect out of an emphasis style, without any further context a (non-mechanical) slanted-Roman is a much more sober starting point than what we type designers are conditioned to value.
I came out to the same place, after getting less-satisfactory results from both slanting and rotation on their own. Just as a starting point, for round-ish shapes.
I leaned toward starting from scratch before and I think I'm ready to take this approach now.
https://www.myfonts.com/fonts/nootype/solanel/
There is a "cursivy" option in Glyphs.app that does some of the compensation that is needed when slanting.
Latin:
Uppercase fundamentals: (all have a contrast axis of 30 degrees, except for diagonal contrast and rhythm proportions)
M - basic serifs, square and diagonal contrasts, rhythm and proportions
O - basic round shapes
V - basic triangular and diagonal shapes
------
H - basic hairlines (prerequisite: M)
L - basic horizontal serifs (prerequisite: M)
------
C - basic open curves, basic colour balancing (prerequisites: O)
S - basic spine construction (prerequisites: C)
U - basic curved bowls and contrast alterations (prerequisites: V, O)
------
N - basic rectangular proportions (prerequisites: H, M)
Y - basic junctions (prerequisites: V, H, M)
From there, all other Latin glyphs can be designed.
Lowercase fundamentals: (axes are variable, though default is at 30 degrees)
h - for double-vertical elements and serifs (default axis)
l - vertical elements (default axis) (prerequisite: h)
o - round elements (start at default axis, but end the axis of contrast at around 0 degrees, but at 120 degrees in italics)
v - basic diagonal elements (same as uppercase v in upright, but in italic, if the v has a bowl-type counter (e.g. Caslon and Stempel Garamond), axis is at 60 degrees)
----------------
z - for reverse-contrast elements and diagonals (axis is at 60 degrees)
----------------
c - basic open curves, teardrop and ball terminals, basic colour balancing (default axis) (prerequisites: o)
e - basic hairlines and diagonals (default axis) (prerequisite: c, H)
b - basic joints for curved and straight elements (default axis in upright, 150 degrees in italic, except for the vertical element) (prerequisites: l, o)
m - basic joints for curved tops and vertical elements (default axis) (prerequisites: h)
----------------
s - for lowercase spine and colour (default axis) (prerequisites: o, S)
----------------
a - for ball terminals, exit strokes, double-storey and single-storey studies in upright and italic (default axis in upright, 150 degrees in italic, except for the element with the attached finial) (prerequisites: s, c, b)
g - for ball terminals, exit strokes, double-storey and single-storey studies in upright and italic (0 degrees in upright, 150 degrees in italic, except for the descending stroke element) (prerequisites: a, o, s)
i - for diacritics
x - for the basic x-height and diagonal crossing elements (prerequisite: v)
Once these are done, all other Latin lowercase glyphs can be designed.
Greek:
Uppercase fundamentals: (all have an axis of 30 degrees, except for diagonal contrast and rhythm proportions)
Α - basic hairlines, triangulars and diagonal shapes (prerequisites: H, V)
Μ - (pull from Latin M)
Ο - (pull from Latin O)
Ξ - basic hairlines, visual centres, proportioning (prerequisites: H, L, N)
------
N - (pull form Latin N)
Δ - triangulars and heavy horizontal contrast placement (prerequisites: V, A)
Σ - triangulars and proportions (prerequisites: Ξ, M)
------
Ω - basic heavy horizontal and curve joints (prerequisites: Δ, O)
From the Latin and the Greek basics, one can create the rest of the uppercase Greek glyphs.
Lowercase fundamentals: (axes are variable, though default is at 120 degrees)
ο - round elements (start at default axis, but end the axis of contrast at around 0 degrees, italics in default axis)
η - for double vertical elements, entry strokes (or semi-serifs) and exit strokes below the baseline (default axis)
ν - for diagonal elements; take care not to conflate with Latin v (default axis)
ι - for exit strokes and / or semi-serifs (for best overall grey colour, the semi-serif version for uprights must be at 60 degrees, italics with exit strokes must be at 120 degrees)
----------------
ζ - for mirrored contrasts, half-descenders and basic vertical curved elements (for best overall grey colour, axis in both upright and italic must be at 60 degrees) (prerequisites: Latin z, S, s, g, c)
----------------
π - for perpendicular junctions and top-heavy glyphs (for best results, uprights msut be at 60 degrees, and if the italics will take the pomega form, italics must be at 30 degrees)
----------------
λ - for diagonal elements and curved top ascenders (default axis) (prerequisites: v)
κ - for the basic kappa height (in line with Latin x) (prerequisites: ν, ι, Σ)
χ - for diagonal crossing elements and diagonal / curved descenders (default axis) (prerequisites: λ)
----------------
ε - for open bowls, contrast pattern changes, colour for Greek glyphs, hairlines, lunate glyphs and possible change of form in italic (default axis) (prerequisites: c, o, e)
θ - for items within a counter and for a single-stroke version in italic (default axis) (prerequisites: o, λ)
----------------
ρ - for round items joining vertical elements (for best overall grey colour, uprights and italics must have an axis of 150 degrees) (prerequisites: η, ο)
σ - for round items joining horizontal elements, must be narrower than ο (for best overall grey colour, uprights and italics must have an axis of 150 degrees) (prerequisites: Ω, o, z, g)
α - a fundamental glyph showing the most Hellenic character; take care not to mistake for italic a, and it must be wider than italic a (default axis) (prerequisites: ο, λ, χ)
Once these lowercase glyphs are done, these can be used to add to IPA and to design the rest of the Greek lowercase, and a few Cyrillic glyphs.
The system may look complicated, but once the basics and the most difficult to design glyphs are done, all the rest will be easy.
In defense of Eric Gill, he was attempting to form a system to transpose Latin elements to Greek, but he did not take into consideration Greek legibility, geometry and sensibilities, which are now more widely available thanks to the Internet. My gratitude goes to Andreas Stötzner for showing us one of the more playful ways to greatly improve on Eric Gill's system.
All axes have been determined by testing with a broadnib tool. These have also been determined by my understanding of the historical broadnib pens, as well as by other designs. I know my guidelines and definitions won't sit well with other people, but this is the best compromise that I know that unifies numerous conflicting axes to fit Latin, Greek and Cyrillic in one superfamily.
For all other sorts of type style I recommend this method: envision the glyph before your inner eye first, then draw from scratch. Guaranteed automatism-free!