Maintaining Contrast and Weight across Upright and Italics
Wei Huang
Posts: 98
I've been working on some low contrast neogrotesque sans-serif designs and I noticed something that's made me question how I approach Italics:
I noticed it became an issue when I worked in the thinnest weights on a design with a fairly steep Italic (~20° degrees). Looking into a bit I could hardly find any typefaces that correct for this.
I think it's more noticeable in the extreme ends of the weights or in extreme angles:
Do you make these compensations?
I'm tempted to correct the Italics by decreasing the horizontal strokes to match as I think going by one of my previous posts it seems to be expected that Italics should be somewhat lighter than the Upright.
Are there any pros and cons with either compensation method, or do you think it's not worth compensating at all unless the weight and/or angles are extreme?
Up until now I haven't even really noticed when working with slighter angles so maybe it's not worth the extra work – especially if a font isn't expected to be used in high resolution/size settings like print.
- The more you slant an upright font, the lighter the vertical strokes become (if measured properly, i.e. the stroke weight is measured perpendicular to the stroke direction):
- To keep either the weight or contrast consistent across Upright and Italics, it would be necessary to compensate for the vertical strokes becoming lighter by either:
- Increasing the weight of the vertical stroke in the Italic, or
- Decreasing the weight of the horizontal strokes in the Italic
I noticed it became an issue when I worked in the thinnest weights on a design with a fairly steep Italic (~20° degrees). Looking into a bit I could hardly find any typefaces that correct for this.
I think it's more noticeable in the extreme ends of the weights or in extreme angles:
Do you make these compensations?
I'm tempted to correct the Italics by decreasing the horizontal strokes to match as I think going by one of my previous posts it seems to be expected that Italics should be somewhat lighter than the Upright.
Are there any pros and cons with either compensation method, or do you think it's not worth compensating at all unless the weight and/or angles are extreme?
Up until now I haven't even really noticed when working with slighter angles so maybe it's not worth the extra work – especially if a font isn't expected to be used in high resolution/size settings like print.
0
Comments
-
Yep, you need to compensate; slanting makes strokes look thicker. Plus, italics are usually lighter also for historical reasons -- romans were held with a pen at about a 30ᵒ angle, but italics were held at a 45ᵒ angle; geometry says the 45 is going to give a thinner stroke... something hypertangent, hypotenuse, maybe a sine or too somewhere.
1 -
In other word, compensate the italic. People read in romans, and italics are secondary.
0 -
In a higher contrast, serif design, I usually compensate only in the ‘vertical’ strokes of the italic, and keep the hairlines the same thickness as in the roman. As Michael notes, it it traditional for italics to be slightly lighter (and more horizontally compressed) than the roman, but depending on the italic angle (seldom extreme in traditional serif types) some slight optical adjustment is helpful so that they don’t get too light.
In a design like yours, I would be inclined to adjust both the ‘vertical’ and horizontal stroke weights, making the former slightly heavier and the latter slightly lighter. Begin with the horizontals.3 -
Thinking about it some more, I think it's easier to add weight to the 'vertical' strokes in the Italics.
I also think because the Italics are slanted forwards, the optical effect of NE–SW diagonals looking slightly darker means I don't end up needing to compensate in slighter angles.0 -
Adding some responses from Twitter:From Ben Mitchell:
We noticed this effect recently, and decided to add a little extra weight to the verticals in the italics. Since our heavy weights have quite narrow counters, we wanted to keep their widths, which means the metrics couldn't stay quite in sync with the uprights.
From RazziaType:For me it comes down to how the italic works with the upright. Should it be the same overall colour, a bit lighter, much lighter etc. Increasing verticals, decreasing horizontals or both either way can all be valid options. It really depends on the optical result in the end.
From @Christoph Koeberlin:Since I like the horizontals to stay the same in oblique-ish styles, I usually increase the weight of the verticals.
Reply from Erik Spiekermann:you have to, or else they would look thinner.
From Very Cool Studio:It also only became apparent to me in the extreme slants of Nudge. My eventual decision was to add weight to the stems in the middle master—where it was most noticeable. I still don’t feel settled on how to adapt the dark weights without impacting metrics.
3
Categories
- All Categories
- 43 Introductions
- 3.7K Typeface Design
- 803 Font Technology
- 1K Technique and Theory
- 618 Type Business
- 444 Type Design Critiques
- 542 Type Design Software
- 30 Punchcutting
- 136 Lettering and Calligraphy
- 83 Technique and Theory
- 53 Lettering Critiques
- 483 Typography
- 301 History of Typography
- 114 Education
- 68 Resources
- 499 Announcements
- 80 Events
- 105 Job Postings
- 148 Type Releases
- 165 Miscellaneous News
- 269 About TypeDrawers
- 53 TypeDrawers Announcements
- 116 Suggestions and Bug Reports