This content originally appeared on Webdesigner Depot and was authored by Ben Moss
<p>Choosing the right typefaces for your website can elevate a design from dour to delightful. The right typeface gives personality to your brand voice and can make sure your content gets read.<br /></p> <p>And so, every month, we put together a roundup of the best new fonts for web designers. In this roundup of the year, we look back at the past twelve months and showcase our forty favorite fonts of 2022. Enjoy!<br /></p>
<h1>Tellumo</h1>
<p><a href="https://www.monotype.com/fonts/tellumo">Tellumo</a> is an elegant geometric sans-serif that oozes positivity. It comes with a standard set of caps and an alternative set of swash caps.</p>
<figure><a href="https://www.monotype.com/fonts/tellumo"><img class="alignnone size-full wp-image-119703" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/001_tellumo.jpg" alt="" width="1200" height="1200" /></a></figure>
<h1>DT Random Display</h1>
<p><a href="https://www.behance.net/gallery/144181565/DT-Random-Display-Free-Font">DT Random Display</a> is an original approach to typeface design. It’s perfect for posters or a branding project with a courageous client.</p>
<figure><a href="https://www.behance.net/gallery/144181565/DT-Random-Display-Free-Font"><img class="alignnone size-full wp-image-119704" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/002_dtrandomdisplay.jpeg" alt="" width="1200" height="1200" /></a></figure>
<h1>Rebrand</h1>
<p><a href="https://www.latinotype.com/es/typography/rebrand">Rebrand</a> is a sans-serif packed with character. There are display and text versions, each with seven weights.</p>
<figure><a href="https://www.latinotype.com/es/typography/rebrand"><img class="alignnone size-full wp-image-119705" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/003_rebrand.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Aiglon</h1>
<p><a href="https://aiglon.typofonderie.com/">Aiglon</a> is a monolinear semi-geometric sans-serif. It is simple and forthright, without being dull or forgettable.</p>
<figure><a href="https://aiglon.typofonderie.com/"><img class="alignnone size-full wp-image-119706" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/004_aiglon.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Shorai Sans</h1>
<p><a href="https://www.monotype.com/fonts/shorai-sans">Shorai Sans</a> is a blend of geometric sans-serif and calligraphic brushstrokes. As well as Latin glyphs, there’s a complete set of Japanese characters.</p>
<figure><a href="https://www.monotype.com/fonts/shorai-sans"><img class="alignnone size-full wp-image-119707" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/005_shorai.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Monden</h1>
<p><a href="http://www.tourdefonts.com/font/monden/">Monden</a> is a high-contrast serif with a clever little kick on the lowercase h, m, and n that adds richness to body text.</p>
<figure><a href="http://www.tourdefonts.com/font/monden/"><img class="alignnone size-full wp-image-119708" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/006_monden.jpeg" alt="" width="1200" height="1200" /></a></figure>
<h1>Canora</h1>
<p><a href="https://www.r-typography.com/fonts/canora">Canora</a> is a calligraphic typeface with two styles: Frente leans to the right, and Verso leans to the left.</p>
<figure><a href="https://www.r-typography.com/fonts/canora"><img class="alignnone size-full wp-image-119709" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/007_canora.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Epicene</h1>
<p><a href="https://klim.co.nz/collections/epicene/">Epicene</a> is a beautifully baroque typeface with some intriguing details. There are two families, a display version and a text version.</p>
<figure><a href="https://klim.co.nz/collections/epicene/"><img class="alignnone size-full wp-image-119710" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/008_epicene.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Sangbleu</h1>
<p><a href="https://www.swisstypefaces.com/fonts/sangbleu/">Sangbleu</a> is a super-family of typefaces with five complementary styles: Empire, Kingdom, Republic, Versailles, and Sunrise.</p>
<figure><a href="https://www.swisstypefaces.com/fonts/sangbleu/"><img class="alignnone size-full wp-image-119711 image-border" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/009_sangbleu.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Forme</h1>
<p><a href="https://www.colophon-foundry.org/typefaces/forme-grotesque-arabic/">Forme</a> is a typically British grotesque typeface with the bonus of having an equally functional Arabic sibling.</p>
<figure><a href="https://www.colophon-foundry.org/typefaces/forme-grotesque-arabic/"><img class="alignnone size-full wp-image-119712" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/010_forme.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Aprello</h1>
<p><a href="https://thedesignersfoundry.com/aprello">Aprello</a> is a robust sans-serif that’s ideal for branding projects. There are six weights, each with an italic and a variable font version.</p>
<figure><a href="https://thedesignersfoundry.com/aprello"><img class="alignnone size-full wp-image-119713" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/011_aprello.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Selva</h1>
<p><a href="https://www.colophon-foundry.org/typefaces/selva/">Selva</a> is an elegant serif typeface in the Scotch tradition. It has a vast number of weights and a particularly attractive italic.</p>
<figure><a href="https://www.colophon-foundry.org/typefaces/selva/"><img class="alignnone size-full wp-image-119714" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/012_selva.png" alt="" width="1200" height="1200" /></a></figure>
<h1>GT Planar</h1>
<p><a href="https://www.grillitype.com/typeface/gt-planar">GT Planar</a> is a unique typeface with both italic and retalic styles that slant up to 45 degrees in each direction.</p>
<figure><a href="https://www.grillitype.com/typeface/gt-planar"><img class="alignnone size-full wp-image-119715 image-border" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/013_gtplanar.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Veqay</h1>
<p><a href="https://alitdesign.net/product/veqay-typeface/">Veqay</a> is an elegant stencil typeface with organic shapes, making it ideal for certain branding and editorial design.</p>
<figure><a href="https://alitdesign.net/product/veqay-typeface/"><img class="alignnone size-full wp-image-119716" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/014_veqay.jpeg" alt="" width="1200" height="1200" /></a></figure>
<h1>Apta</h1>
<p><a href="https://www.colophon-foundry.org/typefaces/apta/">Apta</a> is a clean sans-serif with excellent proportions. Unusually it comes in three versions, a geometric style, a humanist style, and a combination style.</p>
<figure><a href="https://www.colophon-foundry.org/typefaces/apta/"><img class="alignnone size-full wp-image-119717" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/015_apta.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Antodits</h1>
<p><a href="https://www.linotype.com/8201388/antodits-family.html">Antodits</a> is an energetic script face that has the feel of graffiti. This is a great display font for headlines.</p>
<figure><a href="https://www.linotype.com/8201388/antodits-family.html"><img class="alignnone size-full wp-image-119718" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/016_antodits.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Delvard</h1>
<p><a href="https://www.typotheque.com/fonts/delvard_serif_display">Delvard</a> is a family of three typefaces, Display, Subhead, and Text. It’s a beautiful serif with script-like strokes.</p>
<figure><a href="https://www.typotheque.com/fonts/delvard_serif_display"><img class="alignnone size-full wp-image-119719" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/017_delvard.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Rosales</h1>
<p><a href="https://www.latinotype.com/es/typography/rosales">Rosales</a> integrates a humanist style with geometric forms and calligraphic alternatives to create a unique typeface.</p>
<figure><a href="https://www.latinotype.com/es/typography/rosales"><img class="alignnone size-full wp-image-119720" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/018_rosales.jpg" alt="" width="1200" height="1200" /></a></figure>
<h1>Fisterra</h1>
<p><a href="https://tipotype.com/fisterra/">Fisterra</a> is an informal serif with two different styles: Morte, with emphasizes curves, and Fora, which emphasizes sharp lines.</p>
<figure><a href="https://tipotype.com/fisterra/"><img class="alignnone size-full wp-image-119721" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/019_fisterra.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Connection</h1>
<p><a href="https://www.behance.net/gallery/151842515/Connection-Typeface">Connection</a> is a precisely drawn typeface with beautiful detail courtesy of a calligraphic influence.</p>
<figure><a href="https://www.behance.net/gallery/151842515/Connection-Typeface"><img class="alignnone size-full wp-image-119722" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/020_connection.jpeg" alt="" width="1200" height="1200" /></a></figure>
<h1>Ping Round</h1>
<p><a href="https://www.typotheque.com/fonts/ping_round">Ping Round</a> is a simple sans-serif drawn with as few strokes as possible, resulting in some characterful letterforms.</p>
<figure><a href="https://www.typotheque.com/fonts/ping_round"><img class="alignnone size-full wp-image-119723" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/021_pinground.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Mule</h1>
<p><a href="https://ecal-typefaces.ch/typeface/mule/">Mule</a> is a hard-working serif with friendly, engaging letterforms. It has a great rhythm, making it ideal for extended text.</p>
<figure><a href="https://ecal-typefaces.ch/typeface/mule/"><img class="alignnone size-full wp-image-119724 image-border" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/022_mule.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Arnika</h1>
<p><a href="https://typejockeys.com/font/arnika">Arnika</a> is a contemporary typeface with a large x-height. The flares on its strokes put it mid-way between a serif and a sans-serif.</p>
<figure><a href="https://typejockeys.com/font/arnika"><img class="alignnone size-full wp-image-119725" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/023_arnika.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Kingsad</h1>
<p><a href="https://www.linotype.com/8149120/kingsad-family.html">Kingsad</a> is a sans-serif designed for branding. The generous curves and wide letterforms make it best suited to short text.</p>
<figure><a href="https://www.linotype.com/8149120/kingsad-family.html"><img class="alignnone size-full wp-image-119726" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/024_kingsad.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Apice</h1>
<p><a href="https://www.dstype.com/fonts/apice">Apice</a> is an elegant script font perfect for posters, branding, and editorial design. It’s a variable font with a setting to control stroke contrast.</p>
<figure><a href="https://www.dstype.com/fonts/apice"><img class="alignnone size-full wp-image-119727" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/025_apice.png" alt="" width="1200" height="1200" /></a></figure>
<h1>The Future</h1>
<p><a href="https://klim.co.nz/collections/the-future/">The Future</a> is a reworking of the ideas behind Futura. It has a great mix of Western and Japanese typographic traditions.</p>
<figure><a href="https://klim.co.nz/collections/the-future/"><img class="alignnone size-full wp-image-119728" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/026_thefuture.jpeg" alt="" width="1200" height="1200" /></a></figure>
<h1>Mallory</h1>
<p><a href="https://creativemarket.com/storytypefont/7166175-Mallory-Display-Serif-Font">Mallory</a> is an Art Nouveau-inspired display face. It has graceful sweeping curves and strong contrast.</p>
<figure><a href="https://creativemarket.com/storytypefont/7166175-Mallory-Display-Serif-Font"><img class="alignnone size-full wp-image-119729" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/027_mallory.jpg" alt="" width="1200" height="1200" /></a></figure>
<h1>Fabbrica</h1>
<p><a href="https://www.c-a-s-t.com/typefaces/fabbrica/">Fabbrica</a> is a functional sans-serif that performs exceptionally well at small sizes and especially well on screen.</p>
<figure><a href="https://www.c-a-s-t.com/typefaces/fabbrica/"><img class="alignnone size-full wp-image-119730" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/028_fabbrica.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Gills & Co</h1>
<p><a href="https://elements.envato.com/gills-co-retro-modern-font-JRNS98S">Gills & Co</a> is another of this year’s crop of Art Nouveau-inspired typefaces. It’s ideal for editorial design.</p>
<figure><a href="https://elements.envato.com/gills-co-retro-modern-font-JRNS98S"><img class="alignnone size-full wp-image-119731" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/029_gillsandco.jpeg" alt="" width="1200" height="1200" /></a></figure>
<h1>Satiata</h1>
<p><a href="https://www.linotype.com/8637340/satiata-family.html">Satiata</a> is an energetic typeface that almost dances across the screen. Best used for branding or display type.</p>
<figure><a href="https://www.linotype.com/8637340/satiata-family.html"><img class="alignnone size-full wp-image-119732" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/030_satiata.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Fold</h1>
<p><a href="https://www.colophon-foundry.org/typefaces/fold-grotesque/">Fold</a> is a no-nonsense sans-serif that’s plan spoken and trustworthy. It has four weights with corresponding italics.</p>
<figure><a href="https://www.colophon-foundry.org/typefaces/fold-grotesque/"><img class="alignnone size-full wp-image-119733" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/031_fold.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Bells Morten</h1>
<p><a href="https://blankidsfonts.com/product/bells-morten/">Bells Morten</a> is a display font inspired by vintage signage. It’s bold and all-caps, with sharp flared serifs.</p>
<figure><a href="https://blankidsfonts.com/product/bells-morten/"><img class="alignnone size-full wp-image-119734" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/032_bellsmorten.jpg" alt="" width="1200" height="1200" /></a></figure>
<h1>Mori</h1>
<p><a href="https://pangrampangram.com/products/mori">Mori</a> is a versatile sans-serif inspired by contemporary Japanese design. It’s ideal for branding and editorial design.</p>
<figure><a href="https://pangrampangram.com/products/mori"><img class="alignnone size-full wp-image-119735" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/033_mori.jpg" alt="" width="1200" height="1200" /></a></figure>
<h1>Nitido</h1>
<p><a href="https://www.dstype.com/fonts/nitido">Nitido</a> is a humanist sans-serif designed as a companion for the popular Nitida font family. It’s beautifully suited to branding work.</p>
<figure><a href="https://www.dstype.com/fonts/nitido"><img class="alignnone size-full wp-image-119736" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/034_nitido.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Lithops</h1>
<p><a href="http://velvetyne.fr/fonts/lithops/">Lithops</a> is a fantastic display face for posters, T-shirts, and editorial design, with a pattern making up the letters that’s reminiscent of seaweed.</p>
<figure><a href="http://velvetyne.fr/fonts/lithops/"><img class="alignnone size-full wp-image-119737" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/035_lithops.jpeg" alt="" width="1200" height="1200" /></a></figure>
<h1>Rapidissima</h1>
<p><a href="https://www.typotheque.com/fonts/rapidissima">Rapidissima</a> is a companion typeface to Rapida. While Rapida is a careful usable serif, Rapidissima is an exploration of speed.</p>
<figure><a href="https://www.typotheque.com/fonts/rapidissima"><img class="alignnone size-full wp-image-119738" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/036_rapidissima.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Firelli</h1>
<p><a href="https://typejockeys.com/font/firelli">Firelli</a> is a warm, contemporary slab serif with a range of weights. It’s an excellent choice for display and body type.</p>
<figure><a href="https://typejockeys.com/font/firelli"><img class="alignnone size-full wp-image-119739" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/037_firelli.png" alt="" width="1200" height="1200" /></a></figure>
<h1>OBO Star</h1>
<p><a href="https://www.youworkforthem.com/font/T16390/obo-star">OBO Star</a> is a semi-monospaced typeface, meaning that most of the characters use the same space.</p>
<figure><a href="https://www.youworkforthem.com/font/T16390/obo-star"><img class="alignnone size-full wp-image-119740" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/038_obostar.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Nagel</h1>
<p><a href="https://www.paratype.com/fonts/pt/nagel">Nagel</a> is a uniwidth sans-serif with a low stroke contrast and some bold detailing. It’s ideally suited to short texts and branding.</p>
<figure><a href="https://www.paratype.com/fonts/pt/nagel"><img class="alignnone size-full wp-image-119741 image-border" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/039_nagel.png" alt="" width="1200" height="1200" /></a></figure>
<h1>Practico Slab UI</h1>
<p><a href="https://www.dstype.com/fonts/pratico-slab-ui">Practico Slab UI</a> is a workhorse slab serif that blends European and American mid-century styles. It’s available as a variable font.</p>
<figure><a href="https://www.dstype.com/fonts/pratico-slab-ui"><img class="alignnone size-full wp-image-119742" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2022/12/040_practico.png" alt="" width="1200" height="1200" /></a></figure>
This content originally appeared on Webdesigner Depot and was authored by Ben Moss
