9 Best Articles in 2021
Tobias van Schneider
The best totally free web fonts & typefaces
Tobias van Schneider
4 min read · 2020-05-11 · 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…
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…
HackerNoon
Web fonts: when you need them, when you don’t
HackerNoon
~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…
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.
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.
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’…
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…
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
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.
Trending
betterwebtype.com
All you need is 5 fonts
betterwebtype.com
5 min read · Jun 9th · 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…
Chrome Developers
Best practices for fonts
Chrome Developers
9 min read · Jun 10th · Learn about how to optimize web fonts for Core Web Vitals.
DEV Community 👩💻👨💻
Responsive Fonts in CSS
DEV Community 👩💻👨💻
7 min read · Jun 30th · CSS provides a wide range of units to choose from while developing web applications. Many properties...
Chrome Developers
CSS size-adjust for @font-face
Chrome Developers
7 min read · Jun 10th · As a web font loads, you can now adjust its scale to normalize the document font sizes and prevent layout shift when switching between fonts
More like this
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
google.com
Google Fonts
google.com
From 2013 · Making the web more beautiful, fast, and open through great typography
hellohappy.org
Beautiful web type — the best typefaces from the Google web fonts directory
hellohappy.org
4 min read · From 2013 · Lucius Annaeus Seneca60 AD Book I. Among the numerous faults of those who pass their lives recklessly and without due reflexion, my good friend Liberalis, I should say that there is hardly any one so…
simonhearne.com
How to avoid layout shifts caused by web fonts
simonhearne.com
~15 min read · Jan 19th · One of the biggest causes of layout shifts for my clients is late-loading web fonts, let's look at how to optimise them!
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.
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…
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.
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…
fontsquirrel.com
Handpicked free fonts for graphic designers with commercial-use licenses.
fontsquirrel.com
9 min read · From 2014
