Styles, Weights, Widths — It’s All in the (Type) Family

In a previous Type Basics piece we examined the difference between a typeface and a font. Both terms refer to a single manifestation of type. In this episode we look at how individual typefaces/fonts relate to each other.

A quick note before we start – when we talk about typographic terms there is the official, “correct” terminology, and then there is the commonly accepted terminology. Because of the dramatic technological changes that occurred in the type industry in the previous century definitions have shifted. For example in metal type a font is one single typeface design in one specific point size, which means that metal Palatino 12 pt and Palatino 16 pt are two separate fonts. Yet when phototypesetting started replacing metal typesetting in the 1970 type became scalable (thus size-independent) and font came to signify a single type style, disregarding point size. And the terms typeface and font are now often used interchangeably. A similar thing happens when talking about typefaces and type families, and styles, weights, and widths.

Typefaces and type families


The different variants in a type family demonstrated on FF Scala by Martin Majoor.
The above diagram illustrates the names for the different variations in a type family. A type family is a collection of related typefaces which share common design traits and a common name. A type style means any given variant of this coordinated design and is the equivalent of a typeface. Just like with the typeface/font debate we understand that some divisions have become blurred. This explains why the term typeface is not only used to specify a single style, but also quite often a type family with a number of weights and styles. When a regular user talks about “the typeface FF Scala” we understand that he or she means FF Scala in its basic variations Regular, Italic, Bold and Bold Italic, and sometimes even including the condensed widths and sans serif variants.

However – strictly speaking – the “typeface FF Scala” designates FF Scala Regular, and FF Scala Italic is another typeface. This distinction is quite important. When type foundries, vendors and resellers claim they carry a certain number of typefaces, they use the strict definition of the term. So even if ARS Type for example has 13 type families on sale, they are correct when they announce to offer 44 typefaces. And 88 fonts, as all their typefaces are available in two font formats: Mac PostScript and PC TrueType.

Styles

The concept of coordinated type families consisting of different related typefaces or styles is a fairly recent phenomenon. The two most common styles are roman (upright) and italic (a different, slanted design). The basic shape of italics is a stylised form of handwriting. It took form in the Renaissance when Aldus Manutius looked for a space saving alternative to roman faces. Without going too much into details, originally italics were designs in their own right, unrelated to roman designs and used independently. Only by the sixteenth century did the italic assume its current role as emphasis, a variation on the roman design.


Comparison between Fairbank MT, presumably the original italic design for Bembo MT, and the eventual Bembo Italic MT. The small caps, oldstyle figures and alternates featured in the sample above are incorporated in the OpenType Pro digital fonts.

Italics and Obliques


Comparison between the Roman and the Italic of FF Nexus Serif, and an artificial oblique at the same angle of the Italic.
Both italics and obliques are slanted designs. They both serve the same function in text, namely emphasis. Italics are primarily found in serif designs, and obliques originally were mostly associated with sans serifs. Yet there is a crucial difference. While an oblique looks like a slanted version of the roman weight, an italic has a different design. Most notably the double-storey lowercase “a” and “g” turn into single-storey forms, although some designs preserve the double-storey “g”. Because of its origin in hand writing and calligraphy the position of serifs changes as well, with serifs being preserved on the in- and outgoing strokes (upper left and lower right), but removed in the opposite spots.


Although it is called “Italic”, the original Bookman actually has an oblique; don’t let that swashalicious ampersand fool you. The Ed Benguiat redesign ITC Bookman on the other hand received a “proper” italic. But I largely prefer the original version – more bite and lots of attitude.
As the term italic refers to a design trait rather than simply the slant of the characters it is possible to have an upright italic. Some type designs use the name Italic when in fact they have an oblique, some call their obliques Slanted, and typefaces from German-speaking designers or foundries sometimes use Kursiv.

ff-seria
Although its slant is almost imperceptible, FF Seria clearly has a true Italic.
Due to the rising popularity of humanist sans serifs nowadays it has become quite common to have true italics in sans serif families as well, just like the presence of small caps, hanging figures and extended ligature is not exceptional anymore.

Weights and widths

Any variation in a type family can be called a style. There are two additional, more specific terms for certain types of variations: weight and width.

The weight on the one hand determines how bold the typeface looks, how heavy the strokes making up the characters are. The first related bold weights for text faces are even more recent than the first related italic faces. They date from the second half of the nineteenth century, and you can read all about them in this great article by Mitja Miklavčič, the designer of the award winning FF Tisa. Just like italics bold weights of text faces are used for emphasis within the text.

The traditional weights are Regular and Bold, with Light and Black being the outward extensions on the weight scale, and sometimes a Semibold in between. Yet currently there are families that feature up to a staggering 15 weights!

taz-iii-family
Since its inception Luc(as) de Groot’s Taz type family has steadily been expanded, and now includes a large series of distinctive hairline fonts and an Ultra Black for maximum impact on giant posters and in magazine headlines.
The width on the other hand determines how wide the characters are. Contrary to the weights the standard width usually doesn’t have a specific name. The traditional widths are Condensed and Extra Condensed or Compressed towards the narrow end of the scale, and Extended to the opposite side, but here as well certain families nowadays offer up to six different widths.

bureau-grot-family
Font Bureau’s gorgeous Bureau Grot is a versatile interpretation of the English nineteenth-century sans by 2007 SOTA Award winner and type design icon David Berlow. It comes in five weights and five widths, ranging from an extremely narrow Extra Compressed to a generous Wide.

There is some confusion regarding the exact definition of a weight. Many users will call a weight any variation of a type family, be it weights, widths, italics, small caps et al. Others insist that the term weight only covers the meaning as outlined above. So although the former group may say Taz III comes in 30 weights, the latter will insist the family has 15 weights with matching italics. Similarly the former group consider Bureau Grot to be a 25 weight family, while the latter defines it as a type family in five weights and five widths. This is an ongoing discussion which is not likely to be resolved – just like the distinction between typeface and font.

Alternative naming systems

Now if anyone ever tries to fool you into believing Helvetica is the ultimate Modernist typeface, think again. Despite it being the preferred choice of the International Style, and in spite of all the hubbub for its fiftieth anniversary last year, the concept and structure for Helvetica as a type family didn’t match the Modernist standards. It originally started out as just a couple of weights and gradually expanded into the larger family we now know. Yet the end result was far from consistent, even so that in 1983 the entire family had to be reworked into Neue Helvetica, a family with a more structurally unified set of heights and widths.


Forget HelveticaUnivers is the original Modernist face, the first type family that exemplifies the International Style.
The original type family to wholly embrace the Modernist principles is Adrian Frutiger’s Univers. It is the first ever family of typefaces designed according to a rational system of coordinated weights and widths. Remarkable for Frutiger’s approach is that he does away with the conventional naming of weights and widths, and uses numbers to define them – a revolutionary system at the time of its creation.

Indeed, the conventional names can be interpreted in different ways and sometimes lead to confusion. For example the Book weight intended for standard text setting is slightly heavier than the Regular/Roman/Normal in certain families yet lighter in other families. The Medium weight can be either heavier than the regular weight or actually be the regular weight. And one can only guess where a weight called News is located in the weight spectrum.

The numbering system on the other hand is perfectly unambiguous. The first digit defines the weight of the family member. As the number increases the weight gets bolder; the 30s being the lightest and the 80s the boldest in Univers. The second digit defines the width, with odd numbers for roman or upright styles and even numbers for italics or obliques. Logically 5 and 6 stand for the normal widths, at the centre of the width spectrum. Decreasing the second digit makes the design wider, and increasing it makes it more narrow. This allows the user to immediately know that Univers 73 is two increments wider and three increments heavier than Univers 48, and that Univers 48 is an oblique design and Univers 73 an upright one. Frutiger’s numbering system and variations thereof have become quite common for larger type families.

Abbreviations

Type styles often are abbreviated in application menus and such. Just like my list of typography-related abbreviations on Unzipped, here is a handy overview. If I missed any please let me know and I’ll add it.

Rm | Roman
It | Italic
Obl | Oblique
Sl | Slanted

Th | Thin
Lt | Light
Rg | Regular
Nr | Normal
Bk | Book
Md | Medium
Dm | Demi Bold
Sm | Semi Bold
Hv | Heavy
Bd | Bold
Blk | Black

Ex, X | Extra
Ult | Ultra

Comp | Compressed
Cond | Condensed
Nar | Narrow
Wide
Ext | Extended
Header image: Pixland CD 157 “Celebration Around The Table”
Typeface: FF Clan

Tags: , , , , , , ,

13 Comments:

  1. Thank you. This is great!

    Posted by theresa on Feb. 5, 2009
  2. ok, i admit i only skimmed this as i’m fairly familiar with it already, but this is great yves, well done! i’ve FB’d it to hopefully enlighten some of my friends…

    Posted by Simon Robertson on Feb. 5, 2009
  3. Thank you for the great article.

    Posted by Chathura on Feb. 5, 2009
  4. This was largely a review from college typography class for me, but MUCH more clearly stated and concise. Very good read!

    Posted by Colin Wright on Feb. 5, 2009
  5. Great article Yves.

    Posted by ermin on Feb. 5, 2009
  6. wow great article, thank you

    Posted by el norberto on Feb. 5, 2009
  7. For font fanatics with not enough background on the subject or official training; this was marvelously written. Thank you.

    Posted by The Juicy Show on Apr. 9, 2009
  8. Well presented, easy to access many concepts in small areas of space – true hallmarks of great information design!

    Posted by Darren Taljaard on Apr. 30, 2009
  9. Thank you all for the positive feedback – this certainly encourages me to do some more Type Basics tutorials. I am currently writing a new one about the location of OpenType features in the Adobe Creative Suite menus.

    Posted by Yves Peters on Apr. 30, 2009
  10. Hi
    New to the forum(blog) Thank you for a good “typoread”
    Just a few thoughts about your figure: Typefaces and type families. I agree to the “styles weights and widhts” concept, but the inside of the graph should only consist of upright and italics which are the two other “styles” in common across all (most) fonts. Condensed and the other end of the scale extended, are just part of the “width”. Upright and italics are a “convention” in reading that have emerged over the years and as such a “cultural thing” rather than a typographic style.

    IMHO, there is no such thing as a humble opinion!

    Posted by Walter on May. 26, 2009
  11. Is it possible that you please break up the individual pages so that one only prints the page(s)one needs? Thanks.

    Posted by Isiaka Almaroof on Feb. 19, 2010
  12. Very well summarised – thanks Yves Peters

    Posted by ARN on Mar. 26, 2010
  13. Hi there – I am working on a web application that sends print data to a newspaper system – we do not actually load and store font information we just create an approximation of the article to be printed. I am having a terrible time matching lineage for aGarmond 10 pt.

    Does anyone know is there anywhere I can find relative font widths for AGaramond (the proportion of the letters to each other) ? Like ‘M’ is one, and ‘l’ is .75?
    Thanks

    Posted by Meaux on Mar. 10, 2014

Post a comment:

  •  

The FontFeed

The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world. Eat up.

Archives

Subscribe

The FontFeed RSS The FontFeed Comments RSS