/**
 * `swap` pinta el texto desde el primer momento con la fuente de
 * sistema y lo cambia en cuanto llega Untitled Serif, en vez de dejarlo
 * invisible mientras tanto. El precio es que se ve el salto: cambian
 * las métricas y, con ellas, --space-iterare, que app.js remide tras
 * document.fonts.ready.
 *
 * Se acepta el salto porque el <link rel="preload"> del layout lanza la
 * descarga en la primera lectura del <head> y la ventana en la que se ve
 * la fuente de sistema es de milisegundos. La alternativa, `block`, deja
 * la página en blanco hasta 3 s si la red va mal.
 */
@font-face {
  font-family: "Untitled Serif";
  src: url("untitled-serif-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Untitled Serif";
  src: url("untitled-serif-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}