/*
  Use the fallback font loading behavior across all our fonts.
  Explanation on heaviors here: https://css-tricks.com/almanac/properties/f/font-display/

  Fallback is best because it gives time (appox 100ms) to load the primary desired font at any given moment.
  But if it isn't downloaded yet unstyled text of an available font is initially rendered.
  If the desired font with full character support is then loaded for a language it flashes in.
*/
body {
  font-display: fallback;
}

@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url('/static/fonts/lato/lato-v20-latin-ext_latin-regular.woff2') format('woff2')
}
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''), url('/static/fonts/lato/lato-v20-latin-ext_latin-700.woff2') format('woff2')
}
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local(''), url('/static/fonts/lato/lato-v20-latin-ext_latin-900.woff2') format('woff2')
}