shared/css/guss-typography/_typography.config.scss (59 lines of code) (raw):
/**
* Data font stack
*
* @group typography
*/
$f-data: 'Guardian Agate Sans 1 Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !default;
/**
* Serif font stack
*
* @group typography
*/
$f-serif-text: 'Guardian Text Egyptian Web', Georgia, serif !default;
/**
* Headline font stack
*
* @group typography
*/
$f-serif-headline: 'Guardian Headline', 'Guardian Egyptian Web', 'Guardian Headline Full', Georgia, serif !default;
$f-headline-full: 'Guardian Headline', 'Guardian Headline Full', 'Guardian Egyptian Web', Georgia, serif !default;
$f-titlepiece: 'Guardian Titlepiece', 'Guardian Headline Full', 'Guardian Headline', 'Guardian Egyptian Web', Georgia, serif !default;
/**
* Sans serif text font stack
*
* @group typography
*/
$f-sans-serif-text: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !default;
/**
* Sans serif headline font stack
*
* @group typography
*/
$f-sans-serif-headline: 'Guardian Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif !default;
/**
* Default font scale settings
* See font-scale.html and font-scale.png for visual representations
*
* @group typography
*/
$font-scale: (
titlepiece: (
1: (font-size: 40, line-height: 44),
2: (font-size: 44, line-height: 48),
3: (font-size: 48, line-height: 52),
4: (font-size: 52, line-height: 56),
5: (font-size: 56, line-height: 60),
),
header: (
1: (font-size: 16, line-height: 20),
2: (font-size: 18, line-height: 24),
3: (font-size: 20, line-height: 24),
4: (font-size: 22, line-height: 28),
5: (font-size: 24, line-height: 28),
),
headline: (
1: (font-size: 14, line-height: 18),
2: (font-size: 16, line-height: 20),
3: (font-size: 20, line-height: 24),
4: (font-size: 24, line-height: 28),
5: (font-size: 28, line-height: 32),
6: (font-size: 32, line-height: 36),
7: (font-size: 36, line-height: 40),
8: (font-size: 40, line-height: 44),
9: (font-size: 44, line-height: 48),
),
bodyHeading: (
1: (font-size: 14, line-height: 22),
2: (font-size: 16, line-height: 24),
3: (font-size: 18, line-height: 28),
4: (font-size: 20, line-height: 28),
),
bodyCopy: (
1: (font-size: 14, line-height: 20),
2: (font-size: 16, line-height: 24),
3: (font-size: 18, line-height: 28),
),
data: (
1: (font-size: 11, line-height: 14),
2: (font-size: 12, line-height: 14),
3: (font-size: 13, line-height: 16),
4: (font-size: 14, line-height: 18),
5: (font-size: 16, line-height: 20),
6: (font-size: 18, line-height: 22),
),
textSans: (
1: (font-size: 12, line-height: 16),
2: (font-size: 13, line-height: 18),
3: (font-size: 14, line-height: 20),
4: (font-size: 14, line-height: 22),
)
) !default;