Shantell Sans

Try Shantell Sans

Weights and styles

• Light 300Shantell Sans Light Light Italic
• Regular 400Shantell Sans Regular Italic
• Medium 500Shantell Sans Medium Medium Italic
• SemiBold 600Shantell Sans SemiBold SemiBold Italic
• Bold 700Shantell Sans Bold Bold Italic
• ExtraBold 800Shantell Sans ExtraBold ExtraBold Italic

Shantell Sans is a variable font: the download holds the whole weight range in one file per style, and the named weights above are positions on that range.

About Shantell Sans

Shantell Sans is a handwriting typeface that looks drawn with a round-tipped marker. Letters are unconnected, strokes keep an even thickness with rounded ends, and shapes such as the single-storey a and the open-tailed g follow printed handwriting, not cursive. The official notes say it is based on Shantell Martin's artwork and handwriting and was made for playful typography, creative expression and animation. That purpose shows in its four variable axes: weight (300 to 800), Informality (0 to 100), Bounce (-100 to 100) and Spacing (0 to 100). Six named weights with italics make 12 styles. The 1,722 glyphs cover Latin, Latin Extended, Vietnamese and Cyrillic. Shantell Martin conceived and directed the project, Arrow Type handled the type design and development, and Anya Danilova drew the Cyrillic; the name table also names Stephen Nixon.

Where Shantell Sans works

Animated titles

Bounce, Informality and Spacing are variable axes, so their values can be animated in motion graphics or with CSS.

Children's books and classroom material

Unconnected marker letters with a single-storey a resemble the printing children learn to read and write.

Comics, captions and social posts

Six weights from Light to ExtraBold let hand-lettered captions whisper or shout.

Notes and annotations in interfaces

Set at Informality 0 the letters stay regular enough for onboarding tips and sticky-note style comments.

Projects in Latin and Cyrillic

Russian, Ukrainian and Bulgarian are covered in the same hand as the Latin.

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
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian
• Vietnamese
• Russian
• Ukrainian
• Bulgarian

Writing systems with glyphs in the family besides Latin: Cyrillic. These are listed as scripts, not as a promise for every language written in them.

Character sets found in the files: cyrillic, cyrillic-ext, latin, latin-ext, vietnamese. 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 Shantell Sans

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 Shantell Sans 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: "Shantell Sans";
  src: url("/assets/fonts/ShantellSans-Italic-VariableFont_BNCE%2CINFM%2CSPAC%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Shantell Sans";
  src: url("/assets/fonts/ShantellSans-VariableFont_BNCE%2CINFM%2CSPAC%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Shantell Sans", cursive;
}

Or load it from the official source. Google Fonts serves Shantell Sans 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=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">

Things to know

Three custom axes

Informality (INFM), Bounce (BNCE) and Spacing (SPAC) are custom axes. They are reached through variable font controls or font-variation-settings, not through ordinary bold and italic buttons.

The default weight is Light

The weight axis defaults to 300. Pick Regular 400 or heavier explicitly when needed.

Two variable files

Upright and italic are separate files, each with all four axes.

FAQs

Collections with Shantell Sans

• Handwriting fonts for notes, quotes and personal touches

  Fonts made from real pen, pencil and marker writing: unjoined print hands and everyday cursive for notes, annotations and captions.

Similar fonts

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