/**
 * ============================================================================
 * FORTE! FESTIVAL — FONT LOCALI (self-hosted)
 * ============================================================================
 *
 * Sostituisce il caricamento da fonts.googleapis.com, che trasmette a Google
 * l'indirizzo IP di ogni visitatore prima di qualsiasi consenso.
 *
 * DOVE METTERE QUESTO FILE
 *   /wp-content/themes/nerubian/assets/fonts/fonts.css
 *
 * Appena il file esiste in quel percorso, functions.php lo rileva da solo e
 * passa automaticamente ai font locali: non serve modificare altro.
 *
 * ----------------------------------------------------------------------------
 * COME PROCURARSI I FILE DEI FONT (5 minuti)
 * ----------------------------------------------------------------------------
 * 1. Vai su https://gwfh.mranftl.com/fonts
 *
 * 2. Cerca "Roboto". Nella sezione "Select styles" spunta ESATTAMENTE:
 *       300, 300italic, regular, 500, 700, 900
 *    In "Select charsets" spunta: latin, latin-ext
 *    In "Copy CSS" scegli "Modern Browsers", poi scarica lo zip.
 *
 * 3. Ripeti per "Oswald" con gli stili:
 *       300, regular, 500, 700
 *    (300 e' incluso perche' alcuni temi lo usano per i sottotitoli; se non
 *    ti serve puoi ometterlo e cancellare il blocco corrispondente sotto)
 *
 * 4. Estrai TUTTI i file .woff2 dei due zip e mettili nella stessa cartella
 *    di questo file, cioe' .../assets/fonts/
 *
 * 5. Verifica che i nomi corrispondano a quelli scritti qui sotto. Il sito
 *    gwfh genera nomi del tipo "roboto-v30-latin_latin-ext-300.woff2":
 *    rinominali come indicato qui, oppure aggiorna i percorsi qui sotto.
 *
 * ----------------------------------------------------------------------------
 * NOTE TECNICHE
 * ----------------------------------------------------------------------------
 * - Si usa solo il formato woff2: supportato da tutti i browser in uso dal
 *   2017 in poi, ed e' il piu' compresso. Aggiungere woff/ttf raddoppierebbe
 *   il peso della cartella senza guadagnare nessun utente reale.
 *
 * - font-display: swap fa comparire subito il testo con un font di sistema e
 *   lo sostituisce quando il font e' pronto, invece di lasciare il testo
 *   invisibile per qualche decimo di secondo (fenomeno noto come FOIT).
 *
 * - unicode-range separa latin da latin-ext: il browser scarica il file
 *   latin-ext solo se nella pagina compaiono davvero caratteri che lo
 *   richiedono. Per semplicita' qui i due set sono uniti in un unico file per
 *   stile, che e' la scelta piu' robusta se i nomi dei file vengono gestiti
 *   a mano.
 */


/* ==========================================================================
   ROBOTO
   ========================================================================== */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('roboto-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('roboto-300italic.woff2') format('woff2');
}

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

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

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

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('roboto-900.woff2') format('woff2');
}


/* ==========================================================================
   OSWALD
   ========================================================================== */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('oswald-300.woff2') format('woff2');
}

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

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

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