/* Montserrat, self-hosted.

   The variable fonts cover the whole 100-900 range in one file each, so the app ships two
   requests instead of the eighteen static cuts in fonts/Montserrat/static/ (kept on disk but
   unused). "truetype-variations" is listed first for browsers that want the explicit variable
   descriptor; "truetype" is the fallback for those that accept a variable TTF either way.

   Without these declarations the browser cannot use the bundled files at all — it would only
   find Montserrat if it happened to be installed on the machine, and otherwise silently fall
   back, which is exactly what was happening before. */

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype-variations'),
         url('../fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype-variations'),
         url('../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}