Quicksand

Classification

Font Technology

Variable Font with 1 axis
Weight (wght): 300–700

How To Use Quicksand

To use Quicksand in your web project, either search Google Fonts and use their embed code or host the font on your server and use the CSS below. Note: fonts served by Google Fonts may be missing some OpenType features that are available in the original font.
@font-face {
  font-family: 'Quicksand';
  src: url('<YOUR SERVER PATH>Quicksand[wght].ttf') format(woff2);
  font-weight: 300 700;
  font-stretch: 100%;
  font-style: normal;
}

Description

Quicksand is a display sans serif with rounded terminals. The project was initiated by Andrew Paglinawan in 2008 using geometric shapes as a core foundation. It is designed for display purposes but kept legible enough to use in small sizes as well. In 2016, in collaboration with Andrew, it was thoroughly revised by Thomas Jockin to improve the quality. In 2019, Mirko Velimirovic converted the family into a variable font. To contribute, see github.com/andrew-paglinawan/QuicksandFamily .

Designer

Andrew Paglinawan

Copyright

Copyright 2019 The Quicksand Project Authors (https://github.com/andrew-paglinawan/QuicksandFamily.git), with Reserved Font Name \

OpenType Features

Related Fonts

Quicksand regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
We are such stuff as dreams are made on, and our little life is rounded with a sleep. Be not afeard; the isle is full of noises, sounds, and sweet airs that give delight and hurt not. Sometimes a thousand twangling instruments will hum about mine ears.
, : ; ? ! " “ ” ' ‘ ’ « » ′ ″ ( ) [ ] { } 〈 〉 - – — ‒ ― / | ⁄ … • · § ¶ * ~ ^ ° © ® ™
Arbitrary Fractions
diagonal-fractions
1/2 1/3 2/3 3/4 5/8 15/16 1234/5678
Discretionary ligatures
default css
font-feature-settings: "dlig" 1
ffij
ffij
fij
fij
Fractions
default css
font-feature-settings: "frac" 1
/
/
0
0
1
1
2
2
3
3
4
4
5
5
6
6
7
7
8
8
9
9
Standard ligatures
font-variant-ligatures: none
font-feature-settings: "liga" 1
ffi
ffi
ffl
ffl
ff
ff
fi
fi
fl
fl
Ordinals
default css
font-feature-settings: "ordn" 1
No.
No.
1a
1a
2o
2o
Stylistic set 1
default css
font-feature-settings: "ss01" 1
a
a
á
á
ă
ă
ắ
ắ
ặ
ặ
ằ
ằ
ẳ
ẳ
ẵ
ẵ
ǎ
ǎ
â
â
ấ
ấ
ậ
ậ
ầ
ầ
ẩ
ẩ
ẫ
ẫ
ȁ
ȁ
ä
ä
ạ
ạ
à
à
ả
ả
ȃ
ȃ
ā
ā
ą
ą
å
å
ǻ
ǻ
ã
ã
g
g
ğ
ğ
ǧ
ǧ
ĝ
ĝ
ģ
ģ
ġ
ġ
ḡ
ḡ
Slashed Zero
default css
font-feature-settings: "zero" 1
0
0