/* Self-hosted Lora + DM Sans, replacing the fonts.googleapis.com dependency
   every template used to load these from.

   Rewritten 17 Sept: the first version served hand-instanced STATIC weights
   (Regular/Medium/SemiBold/Bold, each locked to one fixed point on the
   optical-size axis). That was the right call for the 100 Questions PDF,
   where every rendered size sits in a narrow 7.5-13pt band and picking one
   correct optical size is genuinely more accurate than a moving target.
   It was the wrong call here: a website's rendered sizes span a huge range,
   small captions to full-width headlines, and Google's CDN was serving the
   actual VARIABLE font, letting the browser adjust letterform proportions
   per rendered size automatically (font-optical-sizing: auto, the browser
   default whenever a variable font's own opsz axis is present). Locking
   every size to one static instance is exactly what made headlines render
   narrower than before and text wrap differently — this file now serves the
   real variable font files instead, restoring that behaviour.

   font-weight given as a RANGE below, not a single value: that's what tells
   the browser this file covers the whole range and it should interpolate
   for whatever weight the CSS actually asks for, rather than only matching
   an exact number. */

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  src: url('/static/fonts/Lora-Variable.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400 700;
  src: url('/static/fonts/Lora-Italic-Variable.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  src: url('/static/fonts/DMSans-Variable.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 1000;
  src: url('/static/fonts/DMSans-Italic-Variable.ttf') format('truetype');
  font-display: swap;
}
