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. Atype familyis a collection of related typefaces which share common design traits and a common name. A typestylemeans any given variant of this coordinated design and is the equivalent of atypeface. 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 13type familieson sale, they are correct when they announce to offer 44typefaces. And 88fonts, as all their typefaces are available in two font formats: Mac PostScript and PC TrueType.
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.
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 astyle. There are two additional, more specific terms for certain types of variations:weightandwidth.
Theweighton 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!
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.
Thewidthon 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.
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 Helvetica – Univers 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. Thefirst digitdefines theweightof the family member. As the number increases the weight gets bolder; the 30s being the lightest and the 80s the boldest in Univers. Thesecond digitdefines thewidth, 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.
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.
Dm| Demi Bold
Sm| Semi Bold
Ex, X| Extra
Header image:Pixland CD 157 "Celebration Around The Table"
- ·The Future of Sex poster
- ·Top 100 Fonts.com Web Fonts for May 2016
- ·47 free tattoo fonts for your body art
- ·How to sell your typefaces
- ·Once Upon DESIGN: New Routes for Arabian Heritage
- ·Alphabet Stories by Hermann Zapf
- ·Type terms: the animated typographic cheat sheet
- ·TypeDecon Digital Download
- ·Linotype Ad: "Linotype vs. Intertype"
- ·The 52 best free graffiti fonts
游客ReviewFS Emeric字体：一款令人愉悦的新字体font article没看看有这款字体啊
我在这儿Review网页设计中的艺术字体设计与排版（1）font article很好 值得学习
新蒂字体 授权使用： 无需备案免费使用的情况： 在个人电脑上安装、打印个人文档、个人网站、博客、微博配图 需要备案免费使用的情况： 设计有可能商用的稿件（在商用时购买商业授权）、用于免费提供给他人的印刷品（印量在500份以内，且无需获得印刷品行政许可）的情况、用作没有品牌冠名的公益广告、用作完全免费（不能含有收费项目）的软件及网络服务。 需要购买个人授权的情况： 个人网店的装饰、个体商...