Font families

  • Quicksand

    The quick brown fox jumps over the lazy dog

  • Roboto

    The quick brown fox jumps over the lazy dog

Desktop styles

h1

Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

font-family
quicksand
font-size
48px
line-height
64px
font-weight
500
h2

Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

font-family
quicksand
font-size
36px
line-height
54px
font-weight
500
h3

Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

font-family
quicksand
font-size
32px
line-height
48px
font-weight
500
h4

Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

font-family
quicksand
font-size
24px
line-height
36px
font-weight
500
h5
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
quicksand
font-size
20px
line-height
30px
font-weight
500
h6
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
16px
line-height
24px
font-weight
500
letter-spacing
1px
text-transform
uppercase
Paragraph big
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
20px
line-height
30px
font-weight
300
Paragraph normal
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
17px
line-height
25px
font-weight
300
Paragraph label
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
15px
line-height
22px
font-weight
300
Paragraph small
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
13px
line-height
21px
font-weight
300

Mobile styles

h1

Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

font-family
quicksand
font-size
40px
line-height
48px
font-weight
500
h2

Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

font-family
quicksand
font-size
30px
line-height
45px
font-weight
500
h3

Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

font-family
quicksand
font-size
25px
line-height
37px
font-weight
500
h4

Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

font-family
quicksand
font-size
21px
line-height
36px
font-weight
500
h5
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
quicksand
font-size
20px
line-height
30px
font-weight
500
h6
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
15px
line-height
22px
font-weight
500
letter-spacing
1px
text-transform
uppercase
Paragraph big
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
20px
line-height
30px
font-weight
300
Paragraph normal
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
17px
line-height
25px
font-weight
300
Paragraph label
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
15px
line-height
22px
font-weight
300
Paragraph small
Donec ullamcorper nulla non metus auctor fringilla Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
font-family
roboto
font-size
13px
line-height
21px
font-weight
300