Jacquard 24

Larger cut of the Jacquard needlepoint revival (Heinrich Kuehn, Berlin, c. 1880) — 24-stitch capital height gives finer detail for knitting colorwork.

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+24&display=swap" rel="stylesheet">

Use Jacquard 24 in CSS

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

Fontsource

Install from npm

npm install @fontsource/jacquard-24

Import once in your app entry

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

Use in CSS

body {
  font-family: "Jacquard 24", 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 24";
  src: url("/fonts/jacquard-24.woff2") format("woff2");
  font-display: swap;
}

Details

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