/* 
CSS for the normal weight and style file for a custom font.
Attempts to load the file locally first.
Use the line that loads a woff2 version of the font if you have the required file,
or else delete that line and just use the woff file loading line.
Uses font-display:swap; to help the loading process.
*/

@font-face {
     font-family: 'FiraSans';
     src: local('FiraSans'),
         url('/webfont/FiraSans-Regular.woff') format('woff');
     font-weight: normal;
     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: 'FiraSans';
     src: local('FiraSans'),
         url('/webfont/FiraSans-Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}

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

@font-face {
     font-family: 'FiraSans';
     src: local('FiraSans'),
         url('/webfont/FiraSans-SemiBold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'FiraSans';
     src: local('FiraSans'),
         url('/webfont/FiraSans-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}