fREe Ww&Bb fonTs!

☞ Comparative style, character & numeral table here

How to Use

Copy code below into the css of the page you want to use the font
Set font-family for elements according to the font-family name provided (in css or html)

Examples:

single div	`<div style="font-family:'CabinetGrotesk'; font-size:13.5pt;">`
Paragraph	`<p style="font-family:'BPScript';font-size:18pt;">`
entire page	`html,body{ font-family: 'JetBrains'; font-size: 13.5pt; color: black; }`

basically anywhere you can use the font-family tag, you can use one of these fonts, provided you also include the copy-pasted text in the css

Mixed Font Italics
Want to mix fonts for italics within the same paragraph, like this or this?
Just create an i class in your CSS:
CSS: i.faune{font-family:'Faune-Italic';}
HTML: I want <i class="faune"> neat italics</i>!
Display: I want neat italics!

Having Issues?
Remember, font urls and names are cAsE sEnSiTiVe!

0xProto

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

0xProto is free for commercial use from 0xType Foundry

Aber Mono

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Aber Mono is free for commercial use from Tom Robin Karlsson

Afacad

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Afacad is free for commercial use from dicotype (I cant really figure out how their website works).

AnalogueOS

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

AnalogueOS is free for commercial use from AbFarid (github)

Apfel Grotezk

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

AnalogueOS is free for commercial use from AbFarid (github)

Barecast Regular

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Barecast Thin

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

The Barecast font family is free for commercial use from Kami Wataru

BPScript

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

BPnoScript

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

BPScript and BPnoScript are a set of complimentary fonts, free for commercial use from backpacker.gr

CabinetGrotesk

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

CabinetGrotesk is free for personal use from Indian Type Foundry, see it in action here

CHNOPixel Regular

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

CHNOPixel Italic

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

CHNO Pixel Code Pro is free for commercial use from C₂₉H₂₅N₃O₅ (github)

Darker Grotesque

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Darker Grotesque is free for commercial use from Gabriel Lam

DPSDbeyond

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

DPSDbeyond is free for commercial use from backpacker.gr

FUNGIS Grotesque

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

FUNGIS Grotesque is free for commercial use from Milena Leimig

Gothamono

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Gothamono is free for commercial use from Steven Lewis, who says the font is inspired by Batman:The Animated Series.

Grenze Gotisch Thin

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Grenze Gotisch Thin is adapted from Grenze Gotisch, a variable font with 9 weights. Grenze Gotisch is free for commercial use from Omnibus Type

JetBrains

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

JetBrains is an opensource project to create a font-family for developers, and free for commercial use from jetbrains.com

jgs7

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

jgs7 is one of three fonts in the jgs family and has a kick-ass repertoire, making it excellent for ASCII art.
jgs is free for commercial use from adelfaure.net/

Jacquard-12

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

JacquardaBastarda-9

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Micro-5

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Jacquard-12, JacquardaBastarda-9 and Micro-5 are all pixel type fonts designed to be adaptable to knitting, from a project called Soft Type. The number indicates the unit height for each typeface. The Soft Type fonts are free for commercial use from Sarah Cadigan-Fried (github)

Monobiletik

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Monobiletik supports Cyrillic languages and is free for commercial use from Olga Butyrska

NeoDunggeunmo Pro

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

NeoDunggeunmo Pro supports Korean characters and is free for commercial use from Eunbin Jeong

Nounty

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Nounty is free for commercial use from Aex Designs

Ojuju Regular

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Ojuju-Bold

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

The Ojuju font family is free for commercial use from Chisaokwu Joboson

Reno Mono

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Reno Mono is free for commercial use from Renaud Futterer

SectorMono

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Sector Mono is free for commercial use from Mateo Broillet

SligoilMicro

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Sligiol is free for commercial use from appliedmetaprojects

UFO! Mono

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

UFO! Mono is free for commercial use from Primary Foundry

Unixel

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Unixel supports Arabic text and is free for commercial use from Mohammad Darvishi (github)

Xanh Mono

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Xanh Italic

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

The Xanh Mono font family is free for commercial use from Yellow Type Foundry (github)

Faune Italic

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Faune Italic is just one sibling of a family of fonts free for commercial use from Alice Savoie

Karbon

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Karbon was created by Justin Penner as part of the 36 Days of Type Challenge. Karbon is free for commercial use, and you can view Justin's other challenge creations here.

Display Fonts

BBBInvader

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

BBBInvader is one font in a collection of fun pixel fonts, free for commercial use from lobbby24 (site currently set to private)

Wavetosh

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Faune Italic is just one sibling of a family of fonts free for commercial use from Alice Savoie

Quarantype

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Paste into your css:

Quarantype is free for commercial use from fonderie, their site is bananas, definitely worth a visit!
Also for the life of me I cant figure out why the capital D and F wont appear, even though they do on my desktop. ¯\_(ツ)_/¯