Jacquard 12

Revival of a Victorian needlepoint alphabet by Heinrich Kuehn (Berlin, c. 1880), designed for knitting colorwork. The 12 is the capital height in stitches.

Website Google Fonts

Waterfall

The quick brown fox jumps over the lazy dog

Character set

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

!@#$%&*()[]{}<>,.;:'"?/—–-+=

Paragraph

Typography is the craft of endowing human language with a durable visual form. It shapes how words are read, felt and remembered — from wayfinding on a station platform to the small print of a contract. Good type disappears into reading; great type gives a voice to the text.

Install

Google Fonts

Embed in the <head> of your HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jacquard+12&display=swap" rel="stylesheet">

Use Jacquard 12 in CSS

.jacquard-12 {
  font-family: "Jacquard 12", sans-serif;
  font-weight: 400;
}

Fontsource

Install from npm

npm install @fontsource/jacquard-12

Import once in your app entry

// Loads weight 400
import "@fontsource/jacquard-12";

Use in CSS

body {
  font-family: "Jacquard 12", sans-serif;
}

Self-host

Google Fonts and Fontsource serve stripped builds — most OpenType features are removed. Self-hosting the original files is the only way to get the full feature set.

Download the font files from GitHub and serve them yourself:

Declare with @font-face

@font-face {
  font-family: "Jacquard 12";
  src: url("/fonts/jacquard-12.woff2") format("woff2");
  font-display: swap;
}

Details

Designer: Sarah Cadigan-Fried
Licence: OFL
Format: Regular 400