Herman 6.0.2

Herman Config: WebFonts

Related

Accoutrement [external]

$sans-font

scss 
$sans-font: (
  'name': 'Source Sans 3',
  'source': 'https://fonts.google.com/specimen/Source+Sans+3',
  'stack': (
    'Helvetica Neue',
    'Helvetica',
    'Arial',
    sans-serif,
  ),
);

A clean sans-serif option used for smaller text like captions and labels.

Font Preview Source Sans 3 (sans)

css 
font-family: 'Source Sans 3', '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;