What Are The Differences Between Typefaces and Fonts Part Two
Here Are The Naming Conventions of Fonts:
Weights: Hairline, Thin, Ultra-Light, Extra Light, Light, Book, Regular/Roman, Medium, Semibold, Bold, Extra Bold, Ultra Bold, Black, Ultra Black.
Widths: Compressed, Condensed, Semi Condensed, Narrow, Normal, Extended, Extra Extended, Expanded.
Styles: Roman, Italic, Cursive, Oblique (a slanted roman), Small Caps (usually included as an OpenType feature rather than a digital font), Petite Caps (rare), Upright Italic (rare), Swash (usually an OpenType feature rather than a font).
Optical Sizes: Caption, Text, Subhead, Display, Deck, Poster.
Grades: Grade 1, Grade 2, Grade 3, Grade 4 (subtly different weight to accommodate for different printing conditions).
Effects: Inline, Outline, Shadow, Fill, Bevel.
A typeface is sometimes referred to as a font family, and in CSS this terminology is used rather than typeface. There are also type families however, which are related typefaces, usually covering sans and serif, and sometimes slab serif or even a blackletter design on poster printing. Examples of type families are:
- Brix Sans/Brix Slab/Brix Slab Condensed
- Museo/Museo Sans/Museo Slab/Museo Cyrillic/Museo Sans
- Scala Sans/Scala
- Skolar/Skolar Sans
A great way to remember this is to imagine the typeface as a music album, an album is a collection of songs from a certain artist, and the songs that are in the album are the fonts. By remembering this, you will know how to differentiate them!