System Font Stacks

monospace.css

/* Stolen from: https://alligator.io/css/system-font-stack/#monospace-system-font-stack */

code, kbd {
  font-family:
    /* macOS, iOS */
    SFMono-Regular,
    Menlo,
    Monaco,
    
    /* Windows */
    Consolas,
    
    /* Android */
    "Roboto Mono",
    
    /* Linux */
    "Liberation Mono",
    
    /* OS fallback */
    "Courier New",
    
    /* Browser fallback */
    monospace;
}

code, kbd {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Liberation Mono", "Courier New", monospace;
}

san-serif.css

/* Stolen from: https://alligator.io/css/system-font-stack/#sans-serif-system-font-stack */

body {
  font-family:
    /* General */
    system-ui,
    
    /* macOS, iOS */
    -apple-system,
    BlinkMacSystemFont,
    
    /* Windows */
    "Segoe UI",
    
    /* Android */
    Roboto,
    
    /* KDE Linux */
    Oxygen-Sans,
    
    /* Ubuntu Linux */
    Ubuntu,
    
    /* Gnome Linux */
    Cantarell,
    
    /* OS fallback */
    "Helvetica Neue",
    
    /* Browser fallback */
    sans-serif;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

serif.css

body {
  font-family:
    /* macOS */
    Baskerville,
    
    /* Windows */
    Cambria,
    
    /* Android */
    "Roboto Slab",
    
    /* Linux */
    "Linux Libertine",
    
    /* OS fallback */
    Georgia,
    "Times New Roman",
    Times,
    
    /* Browser fallback */
    serif;
}

body {
  font-family: Baskerville, Cambria, "Roboto Slab", "Linux Libertine", Georgia, "Times New Roman", Times, serif;
}

/* Miles.ink font stack */
body {
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}