Link List

This web­site is a curat­ed col­lec­tion of type­faces that are avail­able under a vari­ety of free licences some­where on the inter­webs.

An exper­i­ment in javascript-free syn­tax high­light­ing, made pos­si­ble by open­type con­tex­tu­al alter­nates and COLR table

A deep dive into the per­for­mance impli­ca­tions of using Google Fonts (good and bad) and whether self-host­ing is bet­ter.

Learn how to use three CSS prop­er­ties to over­ride font met­rics and min­i­mize lay­out shifts dur­ing font load.

Icon­ic font aggre­ga­tor, col­lec­tion, & patch­er: 9,000+ glyph/​icons, 60+ patched fonts: Hack, Source Code Pro, more. Pop­u­lar glyph col­lec­tions: Font Awe­some, Octi­cons, Mate­r­i­al Design Icons, and more

Cod­ing my hand­writ­ing in Javascript — how I did it and what I’m doing with it.

The goal in cre­at­ing Scri­bo was not only to cap­ture the action of writ­ing with­in a dig­i­tal font file, but also to cre­ate the most intel­li­gent hand­writ­ing font we could imag­ine.

Redon­do Ave script font is the newest font from Hoodz­pah! This retro inspired script has an organ­ic, casu­al, yet sump­tu­ous qual­i­ty.

Pri­mar­i­um is a pio­neer­ing edu­ca­tion­al project by Type­To­geth­er which stud­ied the meth­ods of Latin script-based hand­writ­ing instruc­tion for pri­ma­ry school chil­dren, span­ning five con­ti­nents and about one-quar­ter of the world.

Free typog­ra­phy for your next design project (Google Fonts, Fontshare, Fontesk, Font Squir­rel, and more)

Ani­cons is an exper­i­ment that com­bines two cut­ting-edge font tech­nolo­gies: vari­able fonts and col­or fonts.

Sub­set Fonts to Exact­ly and Only Your Web­site’s Used Char­ac­ters.

Sys­tem font stack CSS orga­nized by type­face clas­si­fi­ca­tion for every mod­ern OS. The fastest fonts avail­able. No down­load­ing, no lay­out shifts, no flash­es — just instant ren­ders.

A font based on Voronoi algo­rithm

Stu­dio Feix­en Fonts is a type foundry found­ed by the Swiss design stu­dio Stu­dio Feix­en.

Inter is a type­face fam­i­ly

An inno­v­a­tive super­fam­i­ly of fonts for code

We had the hon­or of work­ing with the team at Wilco to cre­ate a unique type­face for the band. Inspired by an icon­ic ​“GUI­TAR” sign hang­ing in The Loft (the band’s Chica­go record­ing stu­dio). Wilco Loft Sans is an all-caps, high con­trast sans serif. We took those hand­ful of let­ters found on the sign blow molds and expand­ed

Geo­man­ist is a sim­ple and ele­gant san serif type­face.

A sim­ple resource for find­ing and try­ing vari­able fonts.

This tool con­verts any TTF, OTF, WOFF, WOFF2 or SVG fonts to css @font-face for­mats with CSS and HTML sam­ple files.

Cal­cu­lat­ing a flu­id font size can be tricky. This is the tool I use to make pre­cise flu­id typog­ra­phy with the clamp CSS func­tion.

Inter is a type­face fam­i­ly opti­mized for user inter­faces and com­put­er screens

Work Sans is a type­face fam­i­ly based loose­ly on ear­ly Grotesques, such as those by Stephen­son Blake, Miller & Richard and Bauer­schen Giesserei. The Reg­u­lar weig

Figtree is a clean yet friend­ly geo­met­ric sans serif font for usage in web and mobile apps. It’s light-heart­ed and crisp when used for text, yet still retains s

Fontshare is a free fonts ser­vice from the Indi­an Type Foundry (ITF), mak­ing qual­i­ty fonts acces­si­ble to all.

Based on Libre Franklin, Pub­lic Sans is a strong, neu­tral type­face for inter­faces, text, and head­ings. It was Devel­oped by the Unit­ed States Web Design Sys­tem.

Fontshare is a free fonts ser­vice from the Indi­an Type Foundry (ITF), mak­ing qual­i­ty fonts acces­si­ble to all.

DM Sans is a low-con­trast geo­met­ric sans serif design, intend­ed for use at small­er text sizes. DM Sans sup­ports a Latin Extend­ed glyph set, enabling type­set­ting