The five best design links, every weekday

Category: Typography

All Categories

tobiasahlin.com

Responsive type scales with composable CSS utilities

With the help of calc(), clamp() and CSS vars, we can create composable, responsive, and fluid type scales.

betterwebtype.com

8 more micro tips for remarkably better typography

More micro tips in less than 8 minutes to make your typography stand out in excellence.

b612-font.com

B612

B612 is an highly legible open source font family designed and tested to be used on aircraft cockpit screens.

wordsoftype.com

Words of Type

Words of Type is an encyclopedia of typographic terms, illustrated and explained into multiple languages.

thisiscolossal.com

In an Open-Source Stamp Kit, ‘BlockFace’ Gets Tactile With Type

Artist and designer Will Mower wants to bring tactility and accessibility back to the art of type with the BlockFace stamp kit.

canadiantypography.ca

Canadian Typography Archives

The Canadian Typography Archives is dedicated to documenting and preserving typographic history.

betterwebtype.com

Is AI better at picking and pairing fonts than you?

An exploration of AI’s typographic capability and what you can learn from it

material.io

The new Google Fonts: find what you’re looking for

A redesigned Google Fonts website helps you find the right fonts and icons for your project.

matthiasott.com

WOFF Has Left the Building

In a recent project, the web fonts I bought and downloaded were only available as WOFF2 files.

betterwebtype.com

8 micro tips for remarkably better typography

Typography is so much more than picking a font and deciding what sizes to use for headings and body text.

pcho.medium.com

Peer into the mind of a type designer

The thought process behind designing a new typeface: a case study.

google.github.io

Typograms

Typograms (typographic diagrams) is a lightweight image format (text/typogram) useful for defining simple diagrams in technical documentation.

ateliertriay.github.io

Bricolage Grotesque — A Free & Open Source Variable Font

An expressive variable font that blends iconic French and British designs across three axes: weight, width, and optical size.

zeldman.com

The Next Generation of Web Layouts

Who will design the next generation of readable, writerly web layouts?

pimpmytype.com

How new Twitter X logo fails

Is the Twitter X logo only a Unicode character, or taken from a font? Find out and learn what to consider, when choosing a font for a logo.

web.dev

Adapting typography to user preferences with CSS

A method to adapt a font to your users’ preferences, so they’re maximally comfortable reading your content.

legible-typography.com

Legibility

Understanding the important role of typography in reading is a key subject that designers should know and learn about.

medium.com

A change of typeface: Microsoft’s new default font has arrived

Introducing Aptos, our modern successor to Calibri.

fullystacked.net

The new @font-face syntax

Using variable fonts and color fonts with @font-face.

pimpmytype.com

Figma Typography Secrets

Speed up your design process while getting professionally looking results with my top seven Figma typography tips.