/* 
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: 'Gilroy-Regular';
     src: local('Gilroy-Regular'),
         url('/webfont/Gilroy-Regular.woff2') format('woff2');
     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: 'Gilroy-RegularItalic';
     src: local('Gilroy-RegularItalic'),
         url('/webfont/Gilroy-RegularItalic.woff2') format('woff2');
     font-weight: normal;
     font-style: italic;
     font-display: swap;
}

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

@font-face {
     font-family: 'Gilroy-MediumItalic';
     src: local('Gilroy-MediumItalic'),
         url('/webfont/Gilroy-MediumItalic.woff2') format('woff2');
     font-weight: 500;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: 'Gilroy-Semibold';
     src: local('Gilroy-Semibold'),
         url('/webfont/Gilroy-Semibold.woff2') format('woff2');
     font-weight: 600;
     font-style: bold;
     font-display: swap;
}

@font-face {
     font-family: 'Gilroy-SemiboldItalic';
     src: local('Gilroy-SemiboldItalic'),
         url('/webfont/Gilroy-SemiboldItalic.woff2') format('woff2');
     font-weight: 600;
     font-style: italic;
     font-display: swap;
}

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

@font-face {
     font-family: 'Gilroy-BoldItalic';
     src: local('Gilroy-BoldItalic'),
         url('/webfont/Gilroy-BoldItalic.woff2') format('woff2');
     font-weight: 700;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: 'Gilroy-Extrabold';
     src: local('Gilroy-Extrabold'),
         url('/webfont/Gilroy-Extrabold.woff2') format('woff2');
     font-weight: 800;
     font-style: bold;
     font-display: swap;
}

@font-face {
     font-family: 'Gilroy-ExtraboldItalic';
     src: local('Gilroy-ExtraboldItalic'),
         url('/webfont/Gilroy-ExtraboldItalic.woff2') format('woff2');
     font-weight: 800;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: 'Gilroy-Black';
     src: local('Gilroy-Black'),
         url('/webfont/Gilroy-Black.woff2') format('woff2');
     font-weight: 900;
     font-style: bold;
     font-display: swap;
}

@font-face {
     font-family: 'Gilroy-BlackItalic';
     src: local('Gilroy-BlackItalic'),
         url('/webfont/Gilroy-BlackItalic.woff2') format('woff2');
     font-weight: 900;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: 'Gilroy-Heavy';
     src: local('Gilroy-Heavy'),
         url('/webfont/Gilroy-Heavy.woff2') format('woff2');
     font-weight: 900;
     font-style: bold;
     font-display: swap;
}

@font-face {
     font-family: 'Gilroy-HeavyItalic';
     src: local('Gilroy-HeavyItalic'),
         url('/webfont/Gilroy-HeavyItalic.woff2') format('woff2');
     font-weight: 900;
     font-style: italic;
     font-display: swap;
}