9 Best Articles in 2022
Tobias van Schneider
The best totally free web fonts & typefaces
Tobias van Schneider
4 min read · From 2020 · Quality, free web fonts are difficult to come by these days. The best place I could think to find them: Twitter. Beautiful typefaces are usually an investment, but that doesn't mean you can't find…
Reader View · Shared by 278, including Brett Errington, Michael Musgrove, Rick Powell, Arne Keuning, tcherno, Victor Lee, Chris Heilmann, Manas, Chris Messina, Niklaus Gerber, José Rodrigues, René Stalder, Marius Bleuer, Beni Buess
typewolf.com
The Ten Most Popular Web Fonts of 2015 (And Fonts You Should Consider Using Instead) → Typewolf
typewolf.com
7 min read · From 2016 · Compiling font usage data from my web typography side project, Typewolf, I analyze the most popular web fonts of 2015 and give my best predictions for 2016.
Reader View · Shared by 88, including Courtney Bolton ★, Dominik Grolimund, René Stalder, ThomNagy, René Clausen Nielsen, Nick Wignall, Jacob Jarnvall, Veronika Lampion, StanChan, Brad Brooks, Benny Schudel
Creative Bloq
The 100 best free fonts
Creative Bloq
~20 min read · From 2015 · We've scoured the web to present you with a fine and varied selection of free fonts. Including scripts, serifs, and a range of ligatures, these fonts will give you greater flexibility in your designs, and add to your arsenal of design tools.
Shared by 106, including Matthias Lampe, Tibor Martini 🇺🇦, Veronika Lampion, designshard, Genialy Agency, Mark Kaigwa, Andrew Cunning, Michael Musgrove, René Clausen Nielsen, Emerson Macedo, Damian Madray, Philipp Laurim
femmebot.github.io
Google Web Fonts Typographic Project
femmebot.github.io
From 2015 · There are over 800 Google Fonts available for free. But, pairing typefaces isn’t easy and many of those fonts don’t work for typical websites. Part of the 25x52 initiative, this collaborative, ongoing…
Shared by 84, including Louis Duhamel, Philipp Laurim, Michael Musgrove, Aske Behrsin, Chris Michael, nuuk, 150O, Dayyan Smith, Mattia Fregola 🤔, Carlo Badini, Courtney Bolton ★, Александр Трофимов, Minnix, Adriano Latorre, Oscar MacDonald, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ
v-fonts.com
Variable Fonts (beta)
v-fonts.com
5 min read · From 2018 · ⚠️ Notice: As a showcase of variable fonts, this site requires a web browser that supports OpenType font variation technology. It looks like your browser doesn’t, so please consider upgrading to one…
Reader View · Shared by 94, including Esther Schindler, Selim Imoberdorf, henrik, Oscar MacDonald, David Bauer, Fabricio Teixeira, Michael Zumstein, Benny Schudel, Trent Walton, Ana Rita, Boris Périsset, Chris {he, they}, Niklaus Gerber, Alligator.io 🐊, Victor Tolosa, sascha aßbach
3perf.com
Web Performance 101: JS, CSS, HTTP, images & fonts
3perf.com
~20 min read · From 2018 · Learn how (and why) to make your app faster by optimizing JS, CSS, images/fonts and other things
Reader View · Shared by 126, including 𝚛𝚘𝚐𝚎𝚛, David Hellmann, Alligator.io 🐊, Selim Imoberdorf, Quim, Ferit (at 🏠) 🌙, Oscar MacDonald, Dominic Grzbielok, Michael Duergner, Simone Corsi 💻🚀, Davy De Pauw, Aleyda Solis 🇺🇦, Benoist Lawniczak, Charles Baldwin
fonts.greatsimple.io
2017 Trendy Google Fonts Combinations
fonts.greatsimple.io
1 min read · From 2016 · 5 bright and modern pairings of free fonts, availible via Google Fonts
Reader View · Shared by 111, including Tibor Martini 🇺🇦, Sara Tian, Mark Kaigwa, Kontour Design Studio, Leslie D, Fabian Künzli, Niklaus Gerber, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Scott Williams, Dominik Grolimund, Taylor Banks 🌻🇺🇸🇺🇦, David Dias, 150O, Louis Chenais, luqven
betterwebtype.com
A Guide to Combining Fonts
betterwebtype.com
~11 min read · From 2018 · Combining fonts is one of the trickiest parts of typography. Here are five guidelines to get font combinations right.
Reader View · Shared by 140, including Bill Johnston, Niklaus Gerber, Mark Kaigwa, 𝐦𝐫𝐯𝐧 , Vojtěch Hýža, Boris Périsset, Benoit Pontbriand, mdy, Mike Taylor, designshard, Jessel Sookha, Mauro Toselli, Javi Cantón, Raúl Rey, Fabricio Teixeira, Matt
fontsquirrel.com
Handpicked free fonts for graphic designers with commercial-use licenses.
fontsquirrel.com
9 min read · From 2014
Reader View · Shared by 139, including andi portmann, DON’T PANIC, mitimiti, Walid Ark, designshard, Balda, Rodrigo Prior, Jacob Jarnvall, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Philipp Laurim, Will Hoag 🏔‼️, Oliver Gassner / @oliverg@mastodon.social, Carlo Badini, Minnix, Davo ⚡, Patric Fornasier, René Clausen Nielsen, Michael Musgrove, Matthias Lampe, Paulo Gaspar
Trending
CSS-Tricks
COLRv1 and CSS font-palette
CSS-Tricks
8 min read · May 11th · With new CSS features for controlling the color fonts and the COLR, it’s a great time to experiment with with what modern web typography can do.
w3.org
Changing the face of the web: W3C Web Fonts Working Group and MPEG recognized with a Technology…
w3.org
5 min read · Apr 26th · For immediate release https://www.w3.org/ — 25 April 2022 — Today the World Wide Web Consortium (W3C) Web Fonts Working Group and MPEG together received a 2021 Technology & Engineering Emmy® Award for…
Reader View · Shared by 9, including Bruce Lawson, Richard MacManus, Chris Heilmann
wptavern
A Pared Back Web Fonts API May Land in WordPress 6.0 or Not at All
wptavern
3 min read · Apr 21st · Anyone who has been watching or participating in the development of the web fonts API can attest that it has been an emotional rollercoaster. At one point, it seemed to be a shoo-in for WordPress 5…
Reader View · Shared by 5
Codrops
Web Design & Development News: Collective #705
Codrops
3 min read · Mar 31st · Collective #705: Understanding Layout Algorithms * Spruce CSS * PWA Resources * Variable fonts in real life
Reader View · Shared by 7
More like this
Oliver Schöndorfer 🇺🇦
Implementing a variable font with fallback web fonts
Oliver Schöndorfer 🇺🇦
9 min read · From 2018 · With variable fonts, more typographic richness and influence is coming to the web and this at a relatively low file size. You want to benefit from that in your next web project, but still, you don’…
Reader View · Shared by 60, including Matt, Charles Baldwin, Rodrigo Noales, David Hellmann, Marius Bleuer
betterwebtype.com
All you need is 5 fonts
betterwebtype.com
5 min read · 2021-06-09 · There weren’t as many web fonts to pick from when I started my freelance career in the early 2000s, still I was always overwhelmed by the number of fonts to choose from. With no formal education in…
Reader View · Shared by 113, including Chris Peterson, Katja Evertz, Matthias Lampe
simonhearne.com
How to avoid layout shifts caused by web fonts
simonhearne.com
~15 min read · 2021-01-19 · One of the biggest causes of layout shifts for my clients is late-loading web fonts, let's look at how to optimise them!
Reader View · Shared by 78, including René Stalder, Veerle Pieters, Chris Heilmann, Marius Bleuer, Benoist Lawniczak
HackerNoon | Will NOT Insert LINKS in HN stories
Web fonts: when you need them, when you don’t
HackerNoon | Will NOT Insert LINKS in HN stories
~17 min read · From 2017 · I’m not a fan of sweeping statements like you “should” or “shouldn’t” use web fonts, but I think there should be some sort of guidelines to…
Reader View · Shared by 64, including Zain Fathoni, David Hellmann, Marc Hinse, Marc Wieland, Nico Müller 🇺🇦, blinch
Cloudflare
Fast Google Fonts with Cloudflare Workers
Cloudflare
~19 min read · From 2018 · Code walkthrough on using Cloudflare workers to improve the performance of sites using Google Fonts. The improvements can be quite dramatic and the sample provides a real-world use case of doing streaming HTML modification in a Cloudflare Worker.
Shared by 94, including Alligator.io 🐊, Davy De Pauw, Tibor Martini 🇺🇦, Marius Bleuer, Matteo Fogli, Aleyda Solis 🇺🇦, Charles Baldwin, Matt, BrendanEich
typewolf.com
The 40 Best Google Fonts—A Curated Collection for 2016
typewolf.com
2 min read · From 2016 · A curated collection of the absolute best free fonts available on Google Fonts in 2016—open-source and 100% free for commercial use.
Reader View · Shared by 173, including Daniel Williams, Dominic Grzbielok, Tibor Martini 🇺🇦, Shut Up and Create, Nils Hitze, Arne Keuning, Alligator.io 🐊, Typewolf, Philipp Laurim, Jacob Jarnvall, uri0x.eth, Emerson Macedo, Martina Grolimund, Baadier Sydow 🇿🇦, Rodrigo Franco (Caffo), Stephen C Sanders, ̗̀ ̗̀Manuel Marquina, Simon07, René Clausen Nielsen, Diego Paladino
googlefonts.github.io
Google Fonts + 한국어 • Google Fonts + Korean
googlefonts.github.io
From 2018 · Great typography makes the web more beautiful, fast, and open. Using machine learning and the latest web standards, Google Fonts now offers the open source Korean fonts showcased in this website.
Shared by 46, including Chris Peterson, Chris Coyier, Gui Schmitt, sarkasper
femmebot.github.io
Google Web Fonts Typographic Project
femmebot.github.io
From 2016 · There are over 800 Google Fonts available for free. But, pairing typefaces isn’t easy and many of those fonts don’t work for typical websites. Part of the 25x52 initiative, this collaborative, ongoing…
Shared by 48, including Atul Pradhananga, Philipp Laurim, René Stalder, Tibor Martini 🇺🇦
Oliver Schöndorfer 🇺🇦
How to start with variable fonts on the web
Oliver Schöndorfer 🇺🇦
~13 min read · From 2018 · Variable fonts are the font technology made for the digital era. They have the power to bring more typographic richness to the web at a lower file size. But with new possibilities and advantages ne…
Reader View · Shared by 60, including Dominic Grzbielok, Victor Tolosa, sascha aßbach, Boris Périsset, Michael Musgrove, Tableless