klammertext/sks/font/css/font.css

:root {
/*    --serif: Linux Libertine, serif; */
    --serif: Libre Baskerville, serif;
    --sans-serif: Open Sans, sans-serif;
    --monospace:  Inconsolata, monospace;
    /* The pitch of a line of body text, in em of the NOMINAL font size.
       It is 1.5 rather than LaTeX's 1.2 because font-size-adjust (below)
       draws the type larger than its nominal size -- EB Garamond by a
       fifth -- and line-height is computed from the nominal one.  It is
       the html counterpart of \baselineskip, and a klammer whose spacing
       is stated in lines of text multiplies THIS (@table :leading), so a
       table and the paragraphs around it cannot drift apart. */
    --text_line_height: 1.5;
}

body {
    font-family: var(--serif);
    font-size: 1rem;
    /* One normalization for every family switch: render each font so its
       x-height is 0.5em (the design's anchor -- EB Garamond comes UP ~19%,
       Open Sans down ~7%).  Inherited, so headings, code, footnotes and any
       future rule are covered with no per-site scale factors; this replaced
       the --sans-serif-scale/--monospace-scale system (build-time metrics,
       applied at four sites and silently missed everywhere else).  The tex
       target's equivalent is fontspec's MatchLowercase. */
    font-size-adjust: ex-height 0.5;
}

tt, .tt, pre {
    font-family: var(--monospace);
}

h1, h2, h3, h4, h5 {
    font-family: var(--sans-serif);
    font-weight: normal;
}

/* Heading SIZES live in sks/section/css/section.css (one ladder, one
   place); this file assigns only the family. */

p {
    line-height: var(--text_line_height);
}

.plain {
    font: var(--serif);
    font-style: normal;
}

.roman {
    font-family: var(--serif);
}

.monospace {
    font-family: var(--monospace);
}

.sansserif {
    font-family: var(--sans-serif);
}

.ritalic {
  font: var(--sans-serif);
  font-style: italic;
}

.bold {
    font-weight: bold;
}

.small {
    font-size: .8rem;
}