Chattigo Fonts Stack
$open-sans-stack
scss
$open-sans-stack: (
'name': 'Open Sans',
'normal': 'opensans/OpenSans-Regular',
'light': 'opensans/OpenSans-Light',
'semibold': 'opensans/OpenSans-Semibold',
'bold': 'opensans/OpenSans-Bold',
'stack': (arial, sans-serif),
'formats': 'ttf' 'woff' 'woff2' 'eot' 'svg',
);Font Preview Open Sans (open-sans-stack)
css
font-family: 'Open Sans', arial, sans-serif;$font-sizes
scss
$font-sizes: $font-sizes;Size Previews
| Name | Value | |
|---|---|---|
| display |
72px
|
Pack my box with five dozen liquor jugs. |
| h1 |
40px
|
Pack my box with five dozen liquor jugs. |
| h2 |
32px
|
Pack my box with five dozen liquor jugs. |
| h3 |
24px
|
Pack my box with five dozen liquor jugs. |
| title |
21px
|
Pack my box with five dozen liquor jugs. |
| subheading |
17px
|
Pack my box with five dozen liquor jugs. |
| body, link |
14px
|
Pack my box with five dozen liquor jugs. |
| body-alt |
13px
|
Pack my box with five dozen liquor jugs. |
| caption |
11px
|
Pack my box with five dozen liquor jugs. |
| icon |
35px
|
Pack my box with five dozen liquor jugs. |
$line-heights
scss
$line-heights: $line-heights;Size Previews
| Name | Value | |
|---|---|---|
| display |
80px
|
|
| h1 |
48px
|
|
| h2 |
40px
|
|
| h3 |
32px
|
|
| title |
29px
|
|
| subheading |
25px
|
|
| body, link |
22px
|
|
| body-alt |
21px
|
|
| caption |
19px
|
|