rsms.me
The Inter UI font family
5 min · · Inter UI is a new typeface optimized for computer user interfaces · Shared by 284, including Thomas Fuchs , Guillermo Rauch, Stef Walter, jz, Jane Manchun Wong, MINIMALISSIMO, Chris Coyier, Elijah Manor, Inkbot Design, zeldman, Adrian Roselli (no blue check) 🗯, Mark Kaigwa, Nando 💪🇦🇺🇦🇷, Chris Messina, Kunal Bhatia, ツ, Mike Taylor, Steve Schoger, Adham Dannaway, Fabricio Teixeira
fonts.google.com
Fonts Knowledge – Google Fonts
· Welcome to our library of original guides to the world of typography, which the Google Fonts team is producing in collaboration with typographic experts from around the world. Google Fonts Knowledge enables designers and developers of all skill sets to choose and use type with purpose. · Shared by 224, including Stef Walter, Jonas Hartmann, Oscar MacDonald, Benoist Lawniczak, Mike Taylor, Boris Périsset, Katja Evertz, Mike Kus, Nick Floro, Michael Zumstein, Marius Bleuer, Brad Frost, Adham Dannaway
betterwebtype.com
Rhythm in Web Typography
17+ min · · Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy. · Shared by 184, including Michael Musgrove, Michael Duergner, Davy De Pauw, Oscar MacDonald, von Moerenburgh, Fabricio Teixeira, Brad Brooks, Benoist Lawniczak, five5star // Design Graphique, Niklaus Gerber, Andreia Costa 🇵🇹, Javi Cantón @javicanton@mas.to, Maarten Mieras, Mauro Toselli, Design Shack, Mark Kaigwa, Marc Wieland, Michael Schär, Massimiliano Aroffo, Simone Corsi 💻🚀
type.method.ac
Kern Type, the kerning game
1 min · · A game that helps you learn to kern type · Shared by 163, including Dawid Ferenczy Rogozan 🦇🇪🇺🇨🇿, Dave de Céspedes, Nicolas Dengler, Jonas Kamber, Dorota Lipczyńska, Florian Hanke 🍎, Bjorn Larsen, Philippe Gauvin, Igor Varyvoda, Dominik Grolimund, Honza Pav, Jay West, Tomas Pueyo, Erick Mazer Yamashita, Marc Wieland, Moritz A. Mihatsch, kotobato, Kontour Design Studio, slumos, Glyn Britton
betterwebtype.com
Better Web Typography for a Better Web
3 min · · Better Web Typography for a Better Web. An easy-to-follow web typography email course for web designers and web developers. · Shared by 159, including Mark Kaigwa, Samuel Hauser, Julian de Keijzer, Maarten Mieras, Amaury, Andreas Heer, Abdelsalam Smadi, Sérgio Vieira, Katja Evertz, 150O, Helmi, René Clausen Nielsen, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, designshard, Atul Pradhananga, Clemens M. Schuster, Sorin Amzu, Ana Rita, almagentia369, Niklaus Gerber
betterwebtype.com
A Guide to Combining Fonts
11+ min · · Combining fonts is one of the trickiest parts of typography. Here are five guidelines to get font combinations right. · Shared by 139, including Bill Johnston, Niklaus Gerber, Mark Kaigwa, 📁𝐦𝐫𝐯𝐧, Vojtěch Hýža, Boris Périsset, @benp sur mastodon.social, mdy, Mike Taylor, designshard, Jessel Sookha, Mauro Toselli, Javi Cantón @javicanton@mas.to, Raúl Rey, Fabricio Teixeira, Matt
Smashing Magazine 🇺🇦 🏳️🌈
Modern Fluid Typography Using CSS Clamp — Smashing Magazine
16+ min · · We’ll explore fluid typography principles, use-cases, implementation with CSS clamp() and an interactive fluid typography calculator. · Shared by 101, including Benoist Lawniczak, Stef Walter, David Hellmann, Davy De Pauw, Boris Périsset, Adrian Roselli (no blue check) 🗯, Ines Bieler
v-fonts.com
Variable Fonts (beta)
5 min · · ⚠️ 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… · Shared by 98, including Alligator.io 🐊, Selim Imoberdorf, henrik, Oscar MacDonald, Fabricio Teixeira, Esther Schindler, Michael Zumstein, Benny Schudel, Trent Walton, Boris Périsset, sascha aßbach, Niklaus Gerber, Victor Tolosa, Chris {he, they} , Ana Rita
typearture.com
Variable Color Fonts, how do they work?
4 min · · Variable Color Fonts are quite the thing,as they are colorful AND variable. But how do they work? Let's learn what we can do with these magnificent fonts! · Shared by 97, including Michael Musgrove, Chris Heilmann codepo8@toot.cafe, Val Head, Fabricio Teixeira, Veerle Pieters, Boris Périsset
CSS-Tricks
Simplified Fluid Typography
2 min · · Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core… · Shared by 95, including Adrian Roselli (no blue check) 🗯, Chris Coyier, Boris Périsset, David Hellmann, henrik, Matteo Fogli, Pablo Stanley, Benoist Lawniczak
medium.springboard.com
Getting Typography Right in Digital Design
17+ min · · Typography can make or break a product. Here’s how to excel at it · Shared by 94, including Boris Périsset, Lluís Codina
thedesignteam.io
The Type Snob – The Design Team
10 min · · And how to turn into one · Shared by 89, including Dominik Grolimund, Esther Schindler, Leslie D, Boris Périsset, Mike Taylor, Tibor Martini 🇺🇦 @tibor@mastodon.social, Niklaus Gerber, Kevan Lee 👋, Fabricio Teixeira, Pablo Stanley, Natan Souza, Mark Kaigwa, Celine Solenthaler, Luzius Meisser
fontshare.com
fontshare
· Shared by 86, including Tomas Vestenicky, Shut Up and Create, Chris Coyier, Oliver Schöndorfer 🇺🇦, Mohamed Azazy, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Roberto Blake 🇺🇸🇵🇦 Creative Entrepreneur, Jonas Hartmann, mitimiti, Jess 🇺🇦, Stef Walter, Boris Périsset
archetypeapp.com
Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts
· Shared by 81, including Michael Musgrove, designshard, Selim Imoberdorf, Tomas Vestenicky, Boris Périsset, Jonathan Kogan, Davy De Pauw, Niklaus Gerber, Mike Taylor, David Hellmann, Fabricio Teixeira, Victor Tolosa, Luca
Richard Rutter
All you need to know about hyphenation in CSS
5 min · · Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens. · Shared by 76, including Benoist Lawniczak, Niklaus Gerber, Veerle Pieters, Boris Périsset, Fabricio Teixeira, Charles Baldwin
play.typedetail.com
Font Playground -- Play with variable fonts!
2 min · · Font Playground {{ tab.name }} Font Playground is built for three groups of audiences. The first group of audience is typographers and designers, who would like to play with fonts that are built with… · Shared by 74, including Chris Coyier, Matt, Shut Up and Create, Selim Imoberdorf, David Hellmann, Kim Schläpfer, Mike Taylor, Boris Périsset, Niklaus Gerber, Michael Musgrove