@font-face {
     font-family: 'Elon Sans';
     src: local('Elon Sans'),
         url('/webfont/Elon Sans Bold.woff2') format('woff2'),
         url('/webfont/Elon Sans Bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
}

/*
Include an additional @font-face block for each font file in the family.
Change the font-weight and font-style value to match each font file
*/
@font-face {
     font-family: 'Elon Sans';
     src: local('Elon Sans'),
         url('/webfont/Elon Sans Regular.woff2') format('woff2'),
         url('/webfont/Elon Sans Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 }

 @font-face {
      font-family: 'Elon Sans';
      src: local('Elon Sans'),
          url('/webfont/Elon Sans Light.woff2') format('woff2'),
          url('/webfont/Elon Sans Light.woff') format('woff');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
 }
}