/*
 * Poppins, SERVIDA LOCALMENTE -- inclusive os arquivos de fonte.
 *
 * Uma tag de CDN devolve ao terceiro a capacidade de ver cada visita, ficar fora do ar por voce, e
 * executar codigo na pagina onde a sessao vive. Aqui nao ha requisicao para fora.
 *
 * UM ARQUIVO POR PESO, e o nome DIZ o peso. Nao e organizacao: e defesa.
 *
 * A versao anterior vinha do recorte do Google Fonts -- doze arquivos numerados de 1 a 12, tres
 * por peso (devanagari, latin-ext, latin), com o peso existindo so dentro do @font-face. Os
 * arquivos estavam TROCADOS: o declarado como 400 latino era, byte a byte, o corte 700. Todo texto
 * em portugues renderizava em Bold sem que nenhuma regra pedisse peso, e a pagina inteira lia como
 * semibold. Nada no CSS denunciava, porque o CSS estava certo -- errado era o arquivo por tras do
 * nome, e um nome numerado nao tem como ser conferido de relance.
 *
 * Com o peso no nome, a troca vira erro visivel na hora de escrever a regra.
 *
 * Sao quatro porque sao os quatro que a interface usa: 400 no corpo, 500 nos rotulos e itens de
 * menu, 600 nos titulos, 700 onde precisa de peso de verdade. E o recorte e o LATINO -- os 39 KB
 * de devanagari por peso nao servem a nada aqui.
 *
 * font-display: swap para o texto aparecer antes de a fonte carregar. O contrario e uma tela em
 * branco esperando um arquivo.
 */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./poppins-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./poppins-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./poppins-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./poppins-700.woff2') format('woff2');
}