/**
 * @file
 * Caratteri del Design System PA, serviti da qui e non da un servizio esterno.
 *
 * I file sono gli stessi che serve il portale, presi da
 * web/themes/custom/italiagov/dist/fonts. Il foglio compilato di Bootstrap
 * Italia non porta le dichiarazioni @font-face, quindi stanno qui: senza,
 * il browser ricade sui caratteri di sistema e la pagina si riconosce
 * subito come estranea al portale.
 *
 * Perché il portale li mostri lo stesso pur senza queste righe: il suo tema
 * chiama bootstrap.loadFonts() da dist/js, che scrive le sedici @font-face a
 * runtime. Non è una build diversa, è un meccanismo diverso. Qui si preferisce
 * il foglio: il percorso predefinito di loadFonts punta a /node_modules/...,
 * che su questo host non esiste, e un file si legge senza eseguire niente.
 *
 *
 * Solo woff2: ogni browser che il portale supporta lo legge, e gli altri
 * formati sarebbero tre megabyte di file mai richiesti.
 */

/* Titillium Web */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700italic.woff2') format('woff2');
}

/* Roboto Mono */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Roboto_Mono/roboto-mono-v13-latin-ext_latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Roboto_Mono/roboto-mono-v13-latin-ext_latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Roboto_Mono/roboto-mono-v13-latin-ext_latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Roboto_Mono/roboto-mono-v13-latin-ext_latin-700italic.woff2') format('woff2');
}

/* Lora */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Lora/lora-v20-latin-ext_latin-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Lora/lora-v20-latin-ext_latin-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Lora/lora-v20-latin-ext_latin-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Lora/lora-v20-latin-ext_latin-700italic.woff2') format('woff2');
}