/* webapp/fonts.css — fontes que o editor carrega por conta própria.
 *
 * Existe porque a alternativa — depender do que está instalado na máquina — não
 * serve a um produto que roda no navegador. O editor precisa oferecer a mesma
 * lista de fontes em toda máquina, e uma família que aparece no menu de um
 * usuário e some no de outro é pior que não oferecê-la.
 *
 * Graphik entra aqui porque é a fonte de um dos documentos de teste, e sem ela
 * não havia como conferir se o editor de fato usa a fonte certa: substituindo por
 * Helvetica, a largura de cada glifo muda e com ela a quebra de cada linha.
 *
 * São as versões de avaliação da fundição, para teste local. Num produto que se
 * distribui, cada família aqui precisa de licença de webfont — e é por isso que a
 * lista de fontes empacotadas tem de ficar visível num arquivo, e não espalhada
 * em código. */

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}