ABCDEFGHIJKLMNOPQRSTUVWXYZAA
1
Old Style/Gerald/HumanistTransitional SerifModern SerifClarendonSlab Serif Humanist sans serifGrotesque sans serifGeometric sans serifMonospace (not ideal for lots of body text)Display (not for text)
2
SCROLL >> RIGHTDiagonal stress
Moderate contrast between thick and thin strokes
Bracketed serifs
Vertical stress
More contrast between thick and thin strokes than Old Style
Wider, flatter serifs
High contrast between thick and thin strokes
Vertical stress
Thin, unbracketed serifs
Do not use for body text
Strong, bracketed serifs similar to Transitional typefaces
Relatively high contrast between thick and thin strokes
Overall robust and solid letterforms
Thick, block-like serifs
Minimal contrast between thick and thin strokes
Strong, solid appearance
Influenced by humanist calligraphy
Varied stroke widths
More organic and natural shapes
Uniform stroke width
Simple, geometric shapes
Some quirks and irregularities
Based on geometric shapes (circles, squares)
Uniform stroke width
Clean, modern appearance
Not allowed to use monospace for NYT article
3
Pairing Typefaces
4
Character Width, ProportionsAdobe Garamond https://fonts.adobe.com/fonts/adobe-garamondAdobe Caslon https://fonts.adobe.com/fonts/adobe-caslonBodoni -- https://fonts.adobe.com/fonts/bodoni-urw Bely https://fonts.adobe.com/fonts/belyAdelle serif https://fonts.adobe.com/fonts/adelleAntique Olive -- https://fonts.adobe.com/fonts/antique-olive?red=aAcumin https://fonts.adobe.com/fonts/acuminArea (VAR) https://fonts.adobe.com/fonts/area-variableAmerican Typewriter -- https://fonts.adobe.com/fonts/itc-american-typewriter 8 https://fonts.adobe.com/fonts/eight
5
x-heightGaramond Premier https://fonts.adobe.com/fonts/garamond-premierAdobe Text - https://fonts.adobe.com/fonts/adobe-text
Bodoni Moda (VAR) https://fonts.adobe.com/fonts/bodoni-moda-variable
Bookmania -- https://fonts.adobe.com/fonts/bookmania. Corporate E -- https://fonts.adobe.com/fonts/corporate-e Bree Greek (VAR) https://fonts.adobe.com/fonts/bree-greek-variableAktiv Grotesk — https://fonts.adobe.com/fonts/aktiv-grotesk#fonts-sectionBrandon — https://fonts.adobe.com/fonts/brandon-grotesqueCourier https://fonts.adobe.com/fonts/courierArmada https://fonts.adobe.com/fonts/armada
6
shape of the a, g, r, yAdobe Jenson -- https://fonts.adobe.com/fonts/adobe-jenson Baskerville -- https://fonts.adobe.com/fonts/baskerville-urwDidot -- https://fonts.adobe.com/fonts/linotype-didotClarendon -- https://fonts.adobe.com/fonts/clarendon-urwEgizio https://fonts.adobe.com/fonts/egizio-urwEffra -- https://fonts.adobe.com/fonts/effra Alternate Gothic — https://fonts.adobe.com/fonts/alternate-gothic#fonts-sectionBrother 1816 https://fonts.adobe.com/fonts/brother-1816IBM Plex Mono https://fonts.adobe.com/fonts/ibm-plex-monoArtz https://fonts.adobe.com/fonts/hwt-artz
7
geometry (round, square)Adobe Kis (VAR) https://fonts.adobe.com/fonts/adobe-kis-variableBressay https://fonts.adobe.com/fonts/bressayITC Fenice https://fonts.adobe.com/fonts/itc-feniceFF Scala Serif -- https://fonts.adobe.com/fonts/ff-scala Ernestine https://fonts.adobe.com/fonts/ff-ernestineFF Nort -- https://fonts.adobe.com/fonts/ff-nort Anek Latin (VAR*) https://fonts.adobe.com/fonts/anek-latin-variableCentury Gothic — https://fonts.adobe.com/fonts/century-gothicInterstate Mono https://fonts.adobe.com/fonts/interstate-monoBagel Fat https://fonts.adobe.com/fonts/bagel-fat-one
8
humanist shape or symmetrical shapeApolline -- https://fonts.adobe.com/fonts/apollineCordale https://fonts.adobe.com/fonts/cordaleFreight https://fonts.adobe.com/fonts/freightFilosofia -- https://fonts.adobe.com/fonts/filosofia Faustina https://fonts.adobe.com/fonts/faustinaGill Sans Nova https://fonts.adobe.com/fonts/gill-sans-novaBrandon Grotesque https://fonts.adobe.com/fonts/brandon-grotesqueEurostile — https://fonts.adobe.com/fonts/eurostileInput Serif https://fonts.adobe.com/fonts/input-serifBallet (VAR) https://fonts.adobe.com/fonts/ballet-variable
9
length of ascenders and descendersCalluna https://fonts.adobe.com/fonts/callunaMeta Serif https://fonts.adobe.com/fonts/ff-meta-serifQuesta -- https://fonts.adobe.com/fonts/questa-grandeIBM Plex Serif -- https://fonts.adobe.com/fonts/ibm-plex-serifQuatro Slab -- https://fonts.adobe.com/fonts/quatro-slab Interstate — https://fonts.adobe.com/fonts/interstateDarkmode On https://fonts.adobe.com/fonts/darkmode-onFutura — https://fonts.adobe.com/fonts/futura-ptOCR A https://fonts.adobe.com/fonts/ocr-aBeastly https://fonts.adobe.com/fonts/beastly
10
terminals (ball terminals, angles)Century Old Style -- https://fonts.adobe.com/fonts/century-old-styleSource Serif - https://fonts.adobe.com/fonts/source-serifSigurd (VAR) https://fonts.adobe.com/fonts/sigurd-variableJoly https://fonts.adobe.com/fonts/joly-displayRoboto Slab https://fonts.adobe.com/fonts/roboto-slabJoanna Sans -- https://fonts.adobe.com/fonts/joanna-sans-nova DIN — https://fonts.adobe.com/fonts/urw-dinITC Avant Garde https://I.adobe.com/fonts/itc-avant-garde-gothicSource Code https://fonts.adobe.com/fonts/source-code-proBD Germinis https://fonts.adobe.com/fonts/bd-geminis
11
stroke (contrast, monoweight)Eskort https://fonts.adobe.com/fonts/eskorteUtopia -- https://fonts.adobe.com/fonts/utopiaMeursault (VAR( https://fonts.adobe.com/fonts/meursault-variableRockwell -- https://fonts.adobe.com/fonts/rockwellLe Monde Sans -- https://fonts.adobe.com/fonts/le-monde-sans DIN Rounded (VAR) https://fonts.adobe.com/fonts/din-2014-rounded-variableMarseille https://fonts.adobe.com/fonts/marseilleXanti Typewriter https://fonts.adobe.com/fonts/xanti-typewriter-variableBD Noppori https://fonts.adobe.com/fonts/bd-nippori
12
Fraunces (VAR) https://fonts.adobe.com/fonts/fraunces-variableCoranto 2 https://fonts.adobe.com/fonts/coranto-2Odile - https://fonts.adobe.com/fonts/odileRockwell Nova https://fonts.adobe.com/fonts/rockwell-novaLexia (VAR) https://fonts.adobe.com/fonts/lexia-variableFF Real — https://fonts.adobe.com/fonts/ff-realMr Eaves -- https://fonts.adobe.com/fonts/mr-eaves-sansBD Retrocentric https://fonts.adobe.com/fonts/bd-retrocentric
13
Galliard -- https://fonts.adobe.com/fonts/itc-galliardEdita https://fonts.adobe.com/fonts/editaOSO Serfif (VAR) https://fonts.adobe.com/fonts/oso-serif-variableSerifa -- https://fonts.adobe.com/fonts/serifaNexus Sans -- https://fonts.adobe.com/fonts/ff-nexus-sans FF Unit — https://fonts.adobe.com/fonts/ff-unit Neue Kabel https://fonts.adobe.com/fonts/neue-kabelBely Display https://fonts.adobe.com/fonts/bely
14
Goudy Old Style -- https://fonts.adobe.com/fonts/goudy-old-styleLatienne https://fonts.adobe.com/fonts/latienneQuesta https://fonts.adobe.com/fonts/questaSkolar https://fonts.adobe.com/fonts/skolarOfficina Sans — https://fonts.adobe.com/fonts/itc-officina-sans FF Zwo – https://fonts.adobe.com/fonts/ff-zwo#packages-section New Science https://fonts.adobe.com/fonts/new-scienceBenguiat https://fonts.adobe.com/fonts/itc-benguiat
15
ITC Giovanni https://fonts.adobe.com/fonts/itc-giovanniLiterata (VAR) https://fonts.adobe.com/fonts/literata-variableSwear Text https://fonts.adobe.com/fonts/swear-textSole Serif (VAR) https://fonts.adobe.com/fonts/sole-serif-variableProxima Nova — https://fonts.adobe.com/fonts/proxima-novaFranklin Gothic — https://fonts.adobe.com/fonts/franklin-gothic-urwNobel https://fonts.adobe.com/fonts/nobelBeverly Drive https://fonts.adobe.com/fonts/beverly-drive-right
16
Lapture - https://fonts.adobe.com/fonts/jaf-laptureWhitman -- https://fonts.adobe.com/fonts/whitman Stymie -- https://fonts.adobe.com/fonts/stymieScala Sans -- https://fonts.adobe.com/fonts/ff-scala-sans ITC Franklin Gothic – https://fonts.adobe.com/fonts/itc-franklin-gothic Objektiv (VAR) https://fonts.adobe.com/fonts/objektiv-variableBlackOak https://fonts.adobe.com/fonts/blackoak
17
Le Monde Journal -- https://fonts.adobe.com/fonts/le-monde-journal Unit Slab . -- https://fonts.adobe.com/fonts/ff-unit-slab The Commissioner (VAR)Garage Gothic https://fonts.adobe.com/fonts/garage-gothic#fonts-sectionPostea (VAR) https://fonts.adobe.com/fonts/postea-variableBlazeface https://fonts.adobe.com/fonts/ohno-blazeface
18
Maiola https://fonts.adobe.com/fonts/maiolaTrasandina https://fonts.adobe.com/fonts/trasandinaGriffith https://fonts.adobe.com/fonts/griffith-gothic-condensedPriori Sans https://fonts.adobe.com/fonts/priori-sansBlenny https://fonts.adobe.com/fonts/blenny
19
Plantin -- https://fonts.adobe.com/fonts/plantinVisa Sans https://fonts.adobe.com/fonts/vista-sansHalyard https://fonts.adobe.com/fonts/halyardSophia https://fonts.adobe.com/fonts/sofiaCheee (VAR) https://fonts.adobe.com/fonts/cheee-variable
20
Sabon https://fonts.adobe.com/fonts/sabon Trasandina https://fonts.adobe.com/fonts/trasandinaIBM Plex Sans – https://fonts.adobe.com/fonts/ibm-plex-sansWidescreen https://fonts.adobe.com/fonts/widescreenCheesecake https://fonts.adobe.com/fonts/cheesecake
21
Interstate https://fonts.adobe.com/fonts/interstateClimate Crisis (VAR) https://fonts.adobe.com/fonts/climate-crisis-variable
22
Meta https://fonts.adobe.com/fonts/ff-metaCooper Black https://fonts.adobe.com/fonts/cooper-black
23
Monotype Grotesque – https://fonts.adobe.com/fonts/monotype-grotesqueCopperplate https://fonts.adobe.com/fonts/copperplate
24
Monte Stella https://fonts.adobe.com/fonts/monte-stellaDouble Bass https://fonts.adobe.com/fonts/doublebass
25
Museo -- https://fonts.adobe.com/fonts/museo-sans Etna https://fonts.adobe.com/fonts/etna
26
Neue Haas Grotesk — https://fonts.adobe.com/fonts/neue-haas-groteskFatboy https://fonts.adobe.com/fonts/wtr-fatbo
27
Neue Haas Unica https://fonts.adobe.com/fonts/neue-haas-unicaFilmtype Honey https://fonts.adobe.com/fonts/filmotype-honey
28
News Gothic — https://fonts.adobe.com/fonts/news-gothicGajraj One https://fonts.adobe.com/fonts/gajraj-one
29
Noto Sans https://fonts.adobe.com/fonts/noto-sansGardez https://fonts.adobe.com/fonts/gardez
30
Oscine -- https://fonts.adobe.com/fonts/oscineGelato Fresco (VAR) https://fonts.adobe.com/fonts/gelato-fresco-variable
31
Proxima Nova — https://fonts.adobe.com/fonts/proxima-novaGia (VAR) https://fonts.adobe.com/fonts/gia-variable
32
Roboto Sans https://fonts.adobe.com/fonts/robotoGigantic https://fonts.adobe.com/fonts/gigantic
33
Source Sans - https://fonts.adobe.com/fonts/source-sansGlodok https://fonts.adobe.com/fonts/glodok
34
Tablet Gothic — https://fonts.adobe.com/fonts/tablet-gothic Goldich https://fonts.adobe.com/fonts/goldich
35
Vectora — https://fonts.adobe.com/fonts/vectoraKarantina https://fonts.adobe.com/fonts/karantina
36
Laima https://fonts.adobe.com/fonts/laima
37
Lone Pine https://fonts.adobe.com/fonts/lone-pine
38
Lust Didone https://fonts.adobe.com/fonts/lust-didone
39
Madcap https://fonts.adobe.com/fonts/madcap
40
Manicotti https://fonts.adobe.com/fonts/manicotti
41
Nickle Gothic (VAR) https://fonts.adobe.com/fonts/nickel-gothic-variable
42
Ohno Fatface https://fonts.adobe.com/fonts/ohno-fatface
43
https://typefoundry.directory/ some have free trials for studentsOi https://fonts.adobe.com/fonts/oi
44
Orange https://fonts.adobe.com/fonts/bd-orange-variable
45
Peachy Keen https://fonts.adobe.com/fonts/peachy-keen-jf
46
Pilsner https://fonts.adobe.com/fonts/pilsner
47
Redono Ave https://fonts.adobe.com/fonts/redondo-ave
48
Roster https://fonts.adobe.com/fonts/roster
49
Snicker https://fonts.adobe.com/fonts/snicker
50
Superior Title https://fonts.adobe.com/fonts/superior-title
51
Teko https://fonts.adobe.com/fonts/teko
52
Viktor Script https://fonts.adobe.com/fonts/viktor-script
53
7
54
Yink https://fonts.adobe.com/fonts/yink
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100