/* ==========================================================================
   Self-hosted webfonts
   --------------------------------------------------------------------------
   The stylesheet used to pull Roboto from Google, which is a render-blocking
   request to a third-party origin on every page load, and it never loaded
   Titillium at all - so every heading the theme sets in Titillium was falling
   back to Arial. Both are served from here now: one origin, no blocking
   third party, and the type finally matches the design.

   font-display: swap so text paints immediately in the fallback and reflows
   once the file lands, rather than holding the page blank.
   ========================================================================== */

@font-face {
  font-family: 'Titillium';
  src: url('/assets/fonts/titillium-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium';
  src: url('/assets/fonts/titillium-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium';
  src: url('/assets/fonts/titillium-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/roboto-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/roboto-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/roboto-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/roboto-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}