How to assess what optical size(s) a given type style is intended for?

I'm going to do a call with David Berlow to discuss this topic on Wednesday at 2pm Eastern Daylight Time (GMT-4), let me know if you'd like to join, and hopefully I'll post a recording

Comments
-
Count me in.1
-
I've been thinking about this a lot lately (seven-size family almost... done...), would be happy to join if you'd have me0
-
I'll like to join!
Quote from Simon's article:
"for a given design, there should be some kind of relationship between the stroke contrast, spacing, vertical metrics, and parametric values such that when we measure these values, we can work out the “natural” optical size for the design... ... but if we, as a whole, believe that certain things make a design more suited to text and other things make it suited to display, shouldn’t those “things” be, at least roughly, measurable and reproducible?
...
...
we can try to work this relationship out.
(Spoiler: I haven’t got there yet, and would appreciate input"About nine years ago, I explored ways to create a script that could determine the “gray value” of each font. My goal was to sort all the Google Fonts from lightest to darkest. (At that time, there were about 100 fonts, most of them single-style.)
The first approach was to measure just the stem width.
Obviously, that didn’t work—stem width is only one factor. Some fonts were more condensed, others wider. And many other variables come into play.Eventually, I gave up—but the unsolved problem kept nagging at me.
Then one day, while practicing calligraphy, I stumbled upon a surprisingly effective solution… a bit of a eureka moment. The solution revealed itself while I was practicing with various nibs of different widths, using the practice sheets that calligraphy books recommend for each nib size and style.What I noticed, basically, was that there was a relationship between the nib size and the guidelines on the practice sheets.
Not sure how to explain it using words, so i will make a quick sketch...
This are the typical proportions used in calligraphy for normal text:
– 5 nib widths for the x-height
– 1 nib for the stem
– 3 nibs for the counterIn the second sketch is more display-oriented, the proportions are:
– 3 nibs for height
– 1 nib for stem width
– 1 nib for the counterWhat’s interesting here is that these measurements aren’t absolute and they’re not based on any standard unit. Instead, they’re all relative to the nib size. And while there are many other proportions that can be measured, these three are the key ones, they define most of the visual relationships in the texture of the text.
With this insight, I was able to write a Python script that measured the proportions and calculated a value using
<b>x-height</b> × <b>stem width</b> × <b>counter width</b>
across all the fonts I fed into it.
That way, I got a “darkness” value for each font, and I could sort them from the most compact and heavy to the lightest and most open.The script isn’t perfect—it doesn’t account for serifs, for example—but overall, the results were pretty solid.
It’s not a definitive method, but the idea of multiplying x-height by stem width by counter width might be a good starting point if you want to refine it and improve the concept.
Here is the old script FL5 script. It also normalizes the values according to the EM units.
https://github.com/impallari/Impallari-Fontlab-Macros/blob/master/IMP Measures/All Darkness.py
2 -
To sum it up:
Darkness Value = x-height * stem * counter
This will get you started, then you may add other features (like serifs, ascender or whatever) and somehow factor-in their relative contribution value, since they are less relevant to the mix.
5×1×3 may be the ideal relation for body text (at least in calligraphy),
As the Darkness value goes up or down, it moves into the display or petit zones.
0 -
As the Darkness value goes up or down, it moves into the display or petit zones.Not necessarily, because you have three independent factors contributing to your Darkness value, and these can be manipulated to produce e.g. the same Darkness value for designs with different x-height, or different stem thickness. Sometimes, a change in Darkness value is only going to reflect a bolder or lighter design, not one whose proportions are more or less suited to small optical sizes or display type.
I think the three values you have identified probably are useful, but not if you try to resolve them to a single Darkness Value. Maintaining the three data points as ratios might be more useful?0 -
And perhaps then the darkness can be related to the em size vs pt size, since you want an even color across a type specimen waterfall:
This image by David Berlow demonstrating how Font Bureau achieved this for Roboto Flex:1 -
John Hudson said:...Sometimes, a change in Darkness value is only going to reflect a bolder or lighter design, not one whose proportions are more or less suited to small optical sizes or display type...
The best way to evaluate it will be to feed the script a bunch of fonts (both similar and extreme ones) and generate a test page to see the results visually, sorted by darkness. It may provide a better understanding of what's good and what's bad about it, and ideas for improvement... or maybe applying the general concept of using the nib as reference for a totally new and different formula.
0 -
BTW, as you may well know, using the nib thickness as a reference is how proportions are reckoned in Arabic calligraphy, and there is a fairly direct relationship to the intended size of different styles.
___
PS. I am not the person who clicked Disagree on your last post @PabloImpallari, in case you were wondering.1 -
Dave — Unfortunately, I have a meeting scheduled for tomorrow afternoon and won’t be available for your call with DB. Say hello for me. ;-)I would be very interested in a recording after, as I’m sure many others would as well. Thanks.0
Categories
- All Categories
- 46 Introductions
- 3.8K Typeface Design
- 475 Type Design Critiques
- 554 Type Design Software
- 1.1K Type Design Technique & Theory
- 638 Type Business
- 829 Font Technology
- 29 Punchcutting
- 506 Typography
- 120 Type Education
- 312 Type History
- 74 Type Resources
- 109 Lettering and Calligraphy
- 30 Lettering Critiques
- 79 Lettering Technique & Theory
- 528 Announcements
- 84 Events
- 110 Job Postings
- 164 Type Releases
- 169 Miscellaneous News
- 274 About TypeDrawers
- 54 TypeDrawers Announcements
- 118 Suggestions and Bug Reports