/* Syne Italic: resolved by unifont from the `fontsource` provider.
 * https://unifont.dev/fonts/Syne%20Italic
 */

/* latin */
@font-face {
  font-family: "Syne Italic preview";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/syne-italic@latest/latin-400-italic.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}

:root {
  --font-syne-italic-preview: "Syne Italic preview", "Syne Italic preview fallback", sans-serif;
}

/* Metric-matched fallback, so text does not reflow when the real font lands. */
@font-face {
  font-family: "Syne Italic preview fallback";
  src: local("Arial"), local("Arimo"), local("Liberation Sans"), local("DejaVu Sans"), local("Helvetica");
  size-adjust: 100%;
  ascent-override: 95%;
  descent-override: 25%;
  line-gap-override: 0%;
}