Font Blend

Font family

Quicksand font

Quicksand is a geometric rounded display sans-serif with double-storey a and g, popular in consumer and education products for its approachable character.

sans-serif5 weightsVariableOFL-1.1
All fonts
Live preview

The quick brown fox jumps over the lazy dog 0123456789

This font has no italic
48px
0px
1.40
Glyphs
Letters, digits, and punctuation rendered in this font. Click any glyph to copy it.

Uppercase

Lowercase

Digits

Punctuation

Click any glyph to copy it to your clipboard.

Weights
The same specimen at every available weight.
  1. 300Hamburgevons
  2. 400Hamburgevons
  3. 500Hamburgevons
  4. 600Hamburgevons
  5. 700Hamburgevons

Font Details

Origin
Designer
Andrew Paglinawan
Foundry
Unknown
Source
Google Fonts
License
OFL-1.1
Metrics
Category
sans-serif
X-height
medium
Styles
normal
Subsets
latin, latin-ext, vietnamese
Catalog
Weights
300, 400, 500, 600, 700
Variable
Yes
Popularity
75/100
Tags
geometric, rounded, display, friendly
Variable axes
Continuous ranges this font exposes when loaded as a variable font.
  • wghtmin 300max 700default 400
Google Fonts specimen License (OFL-1.1) More sans-serif fonts

Character and Use Cases

Quicksand , Quicksand is a rounded geometric sans-serif with a friendly, approachable character. Its soft terminals give it a warmer feel than sharper geometric faces, making it a popular choice for products and brands that want to feel accessible rather than corporate.

Quicksand is well-suited for consumer apps, children's content, health and wellness brands, and any product that benefits from a softer visual tone. Its rounded letterforms pair particularly well with pastel color palettes.

Regular (400) and Medium (500) are the most versatile weights. Light (300) reads as delicate and modern. Bold (700) adds energy to headlines.

Production Code

Copy-paste into your project. No build step required.

index.html (head)
<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=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">

Pairings using Quicksand

View all

The art of typography

Good typography is the visible voice of design, quiet when it should be, loud when it must.

Preview

Quicksand + Roboto

Quicksand headlines over Roboto body, a playful, kid-friendly pairing. Quicksand's rounded geometry brings joy; Roboto's mechanical forms keep body text legible.

70/100
Sans + SansFriendlyfriendlyplayful
View details

Frequently Asked Questions

What makes Quicksand different from Nunito?
Quicksand has more geometric construction, slightly squarer bowls and cleaner curves, while Nunito has a more humanist, rounded character. Quicksand reads as slightly more designed; Nunito feels slightly friendlier.

Test Quicksand in the playground

Drop Quicksand into the typography playground, mix it with another family, and check contrast on real text.

Open playgroundFind a pairing