/* ---------------------------------------------------------------------------
   THE FACES

   All eight faces the four real channels use, declared in one place. A browser
   only downloads a face that rendered text actually asks for, so a visitor who
   never reaches a channel dressed in Raleway never fetches Raleway. No
   JavaScript needed to keep that honest.

   Values copied from channels/<name>/assets/fonts/fonts.css, unchanged.
   ------------------------------------------------------------------------ */

/* --- The faces, all four channels' worth ------------------------------- */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/roboto-latin-var.woff2') format('woff2');
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/newsreader.woff2') format('woff2');
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url('../fonts/newsreader-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/outfit.woff2') format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/raleway-var.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('../fonts/opensans-var.woff2') format('woff2');
}

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/droidserif.woff2') format('woff2');
}

@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/droidserif-italic.woff2') format('woff2');
}

/* --- The display face ---------------------------------------------------
   Instrument Serif. Editorial, high contrast, and the italic is what the
   large type is set in. Chosen because the geometric sans every other site
   in this market uses is exactly what it should not look like.
   ---------------------------------------------------------------------- */

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/instrumentserif.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/instrumentserif-italic.woff2') format('woff2');
}