/* 
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: 'Myriad Pro SemiExtended';
    src: local('Myriad Pro SemiExtended'),
        url('/webfont/Myriad Pro SemiExtended.ttf') format('ttf'),
        url('/webfont/Myriad Pro SemiExtended.eot') format('eot'),
        url('/webfont/Myriad Pro SemiExtended.woff2') format('woff2'),
        url('/webfont/Myriad Pro SemiExtended.woff') format('woff');
    font-weight: 400;
    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: 'Myriad Pro Bold SemiExtended';
   src: local('Myriad Pro Bold SemiExtended'),
       url('/webfont/Myriad Pro Bold SemiExtended.eot') format('eot'),
       url('/webfont/Myriad Pro Bold SemiExtended.ttf') format('ttf'),
       url('/webfont/Myriad Pro Bold SemiExtended.woff2') format('woff2'),
       url('/webfont/Myriad Pro Bold SemiExtended.woff') format('woff');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

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