
But, even so, choosing typefaces often feels like a guessing game: you pick a typeface, apply it to your design, decide it’s not what you wanted or that it clashes with other aspects of the design, then go back to choose another typeface. With these classifications in mind, you can begin to narrow down your options when searching for typefaces that will best suit your website or application. The six typeface classifications - serif, sans-serif, slab-serif, script, display, and monospaced - are pictured to represent headline and body-copy sizes. Monospaced: Typefaces with all or most characters taking up the same horizontal space (whereas in most typefaces, letters like W are much wider than letters like J).Display: Typefaces that stand out with decorative features and are meant to be used at large sizes.Script: Typefaces that are decorated with flourishes meant to resemble handwriting.Slab-serif: Typefaces that look sans-serif, but possess thick, block-like serifs that match the overall letter stroke.Sans-serif (French for “without serif”) : Typefaces without feet, which often have thinner letter strokes and larger x-heights.Serif: Typefaces that use feet at the end of character strokes and often use varying letter-stroke widths.There are several classifications of typefaces, but what you often see in websites and applications fall into the following categories: When looking for typefaces to use in projects, decide which classification of typeface will look best. These definitions will be useful when describing typeface classifications. Stroke: A single line, straight or curved, that makes up a part of a letter.Foot: the part of the letter that rests on the baseline (often seen in serif fonts).X-height: The height of the typeface’s lowercase letters, not including ascenders or descenders.Baseline: An imaginary line where letters sit.Let’s first start by defining some common characteristics across typefaces: A typeface, also known as a font family, can set the overall tone and personality of your site or application, as well as increase (or decrease) readability. There is a whole wide world of typefaces out there and finding the right one(s) for your specific scenario can be overwhelming.
