Cookie

Try Cookie

Weights and styles

• Regular 400Cookie Regular

About Cookie

Cookie is a script typeface that Ania Kruk based on brush calligraphy. The lowercase slants forward and joins letter to letter, with moderate contrast between thick downstrokes and thinner connecting strokes; the capitals add loops and curled entry strokes, as the C, K and L of the specimen show. The x-height is small beside the tall looped ascenders of b, d, h, k and l. The official description ties the style to advertisements and pin-ups of the 1950s and says the design was kept legible instead of heavily decorated. Cookie has a single style, Regular 400, in one static file of 256 glyphs. Only the Latin subset is included, so coverage centres on Western European languages plus Polish. Cookie was added to Google Fonts in 2011 and is published under the SIL Open Font License 1.1.

Where Cookie works

Bakery and café logos

Joined brush lettering with looped capitals turns a short name into a signature-like mark.

Retro packaging and labels

The 1950s advertising reference in the design suits a product name on a tin, jar or box.

Greeting cards

A two- or three-word greeting reads as brush handwriting when the lowercase joins.

Menu and section headings

Restrained decoration keeps a heading readable above plainer body type.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Polish

Character sets found in the files: latin. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Cookie

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Cookie on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Cookie";
  src: url("/assets/fonts/Cookie-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Cookie", cursive;
}

Or load it from the official source. Google Fonts serves Cookie with this markup:

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

Things to know

One style

Cookie has Regular 400 only; there is no bold and no separate italic.

Capitals are made to start words

The looped capitals are drawn to lead into joined lowercase, so words set entirely in capitals lose the connections.

Latin subset only

Letters for Turkish, Czech, Hungarian and Romanian are not complete, and there is no Cyrillic, Greek or Vietnamese.

FAQs

Similar fonts

Other families in the same classification, ordered by shared use tags. All script fonts