Herman Config: WebFonts
Related
Accoutrement [external]
$sans-font
scss
$sans-font: (
'name': 'Source Sans Pro',
'source': 'https://fonts.google.com/specimen/Source+Sans+Pro',
'stack': (
'Helvetica Neue',
'Helvetica',
'Arial',
sans-serif,
),
);A clean sans-serif option used for smaller text like captions and labels.
Font Preview Source Sans Pro (sans)
css
font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;$code-font
scss
$code-font: (
'name': 'Source Code Pro',
'source': 'https://fonts.google.com/specimen/Source+Code+Pro',
'stack': (
'Consolas',
'Menlo',
'Monaco',
'Lucida Console',
'Liberation Mono',
'DejaVu Sans Mono',
'Bitstream Vera Sans Mono',
'Courier New',
monospace,
sans-serif,
),
);A readable monospace font for code previews.
Font Preview Source Code Pro (code)
css
font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;