/* =====================================================================
   As fontes da folha, servidas pelo PRÓPRIO SERVIDOR.
   =====================================================================

   POR QUE ELAS NÃO VÊM MAIS DA GOOGLE, E POR QUE ISSO ERA UM DEFEITO
   DE LEITURA, NÃO DE ESTÉTICA.

   A folha impressa é medida: o `gabarito.json` guarda onde cada
   quadrinho cai, em milímetros, e a leitura recorta a foto por essas
   coordenadas. O desenho só pode ser medido uma vez se ele sair IGUAL
   em toda máquina que imprime.

   Não saía. O `informativo.html` pedia as fontes à Google e o
   APLICATIVO não pedia nada — então a folha impressa pelo sistema caía
   na fonte do sistema operacional, que muda de computador para
   computador. Numa máquina com Archivo instalada (a de quem desenha) o
   papel saía de um jeito; em qualquer outra, de outro. "No meu fica
   certinho" é o sintoma exato desse defeito.

   Com os arquivos aqui, servidos junto com o aplicativo:

     · toda máquina imprime o MESMO desenho, com ou sem internet;
     · o service worker guarda as fontes na casca, então a folha sai
       igual no escritório sem rede;
     · o gabarito volta a descrever o que de fato é impresso.

   Os caminhos são relativos a ESTE arquivo, e é o que permite um
   arquivo só servir aos dois: `/css/fontes.css` no aplicativo e
   `../app/css/fontes.css` no `folha/informativo.html`, que é de onde o
   gabarito é medido. Se os dois usassem listas diferentes, a régua
   deixaria de corresponder ao papel — que é o defeito que este arquivo
   existe para fechar.

   `font-display: block` de propósito: para a folha, texto desenhado com
   a fonte errada por um instante não é "progressivo", é uma medição
   errada se alguém imprimir naquele instante.
   ===================================================================== */

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fontes/archivo-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('../fontes/archivo-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('../fontes/archivo-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('../fontes/archivo-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('../fontes/archivo-narrow-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('../fontes/archivo-narrow-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fontes/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('../fontes/ibm-plex-mono-latin-600-normal.woff2') format('woff2');
}