/* 
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: 'Mona Sans Condensed';
     src: local('Mona Sans Condensed'),
         url('/webfont/mona-sans-condensed.woff2') format('woff2'),
         url('/webfont/MonaSansCondensed-Medium.otf') format('otf');
     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: 'Mona Sans Condensed Black';
     src: local('Mona Sans Condensed Black'),
         url('/webfont/mona-sans-condensed-black.woff2') format('woff2'),
         url('/webfont/MonaSansCondensed-Bold.otf') format('otf');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Mona Sans Condensed ExtraBold';
     src: local('Mona Sans Condensed ExtraBold'),
         url('/webfont/mona-sans-condensed-extrabold.woff2') format('woff2'),
         url('/webfont/MonaSansCondensed-ExtraBold.otf') format('otf');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}


@font-face {
     font-family: 'Mona Sans Condensed ExtraLight';
     src: local('Mona Sans Condensed ExtraLight'),
         url('/webfont/mona-sans-condensed-extralight') format('woff2'),
         url('/webfont/MMonaSansCondensed-ExtraLight.otf') format('otf');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Mona Sans Condensed Light';
     src: local('Mona Sans Condensed Light'),
         url('/webfont/mona-sans-condensed-light.woff2') format('woff2'),
        url('/webfont/MonaSansCondensed-Light.otf') format('otf');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Mona Sans Condensed Medium';
     src: local('Mona Sans Condensed Medium'),
         url('/webfont/mona-sans-condensed-medium.woff2') format('woff2'),
       url('/webfont/MonaSansCondensed-Medium.otf') format('otf');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Mona Sans Condensed SemiBold';
     src: local('Mona Sans Condensed SemiBold'),
         url('/webfont/mona-sans-condensed-semibold.woff2') format('woff2'),
         url('/webfont/MonaSansCondensed-SemiBold.otf') format('otf');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}