_fonts.scss

@font-face {
  font-family: 'Bebas Neue';
  src: url('~assets/fonts/BebasNeueRegular.woff2') format('woff2'),
      url('~assets/fonts/BebasNeueRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  //font-display: auto;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: 
    url('~assets/fonts/RobotoCondensed-Light.woff2') format('woff2'),
    url('~assets/fonts/RobotoCondensed-Light.woff') format('woff'),
    url('~assets/fonts/RobotoCondensed-Light.ttf') format('truetype');
  }

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
    url('~assets/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
    url('~assets/fonts/RobotoCondensed-Regular.woff') format('woff'),
    url('~assets/fonts/RobotoCondensed-Regular.ttf') format('truetype');
  }

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    url('~assets/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
    url('~assets/fonts/RobotoCondensed-Bold.woff') format('woff'), 
    url('~assets/fonts/RobotoCondensed-Bold.ttf') format('truetype');
  }