@font-face {
    font-family: 'CP Mono';
    src: url('CPMono/cpmono_v07_plain-webfont.woff2') format('woff2'),
         url('CPMono/cpmono_v07_plain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('FiraSans/eot/FiraSans-Regular.eot');
    src: url('FiraSans/eot/FiraSans-Regular.eot') format('embedded-opentype'),
         url('FiraSans/woff2/FiraSans-Regular.woff2') format('woff2'),
         url('FiraSans/woff/FiraSans-Regular.woff') format('woff'),
         url('FiraSans/ttf/FiraSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('FiraSans/eot/FiraSans-Italic.eot');
    src: url('FiraSans/eot/FiraSans-Italic.eot') format('embedded-opentype'),
         url('FiraSans/woff2/FiraSans-Italic.woff2') format('woff2'),
         url('FiraSans/woff/FiraSans-Italic.woff') format('woff'),
         url('FiraSans/ttf/FiraSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}


@font-face{
    font-family: 'Fira Sans';
    src: url('FiraSans/eot/FiraSans-Medium.eot');
    src: url('FiraSans/eot/FiraSans-Medium.eot') format('embedded-opentype'),
         url('FiraSans/woff2/FiraSans-Medium.woff2') format('woff2'),
         url('FiraSans/woff/FiraSans-Medium.woff') format('woff'),
         url('FiraSans/ttf/FiraSans-Medium.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('FiraSans/eot/FiraSans-MediumItalic.eot');
    src: url('FiraSans/eot/FiraSans-MediumItalic.eot') format('embedded-opentype'),
         url('FiraSans/woff2/FiraSans-MediumItalic.woff2') format('woff2'),
         url('FiraSans/woff/FiraSans-MediumItalic.woff') format('woff'),
         url('FiraSans/ttf/FiraSans-MediumItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('FiraSans/eot/FiraSans-Light.eot');
    src: url('FiraSans/eot/FiraSans-Light.eot') format('embedded-opentype'),
         url('FiraSans/woff2/FiraSans-Light.woff2') format('woff2'),
         url('FiraSans/woff/FiraSans-Light.woff') format('woff'),
         url('FiraSans/ttf/FiraSans-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('FiraSans/eot/FiraSans-LightItalic.eot');
    src: url('FiraSans/eot/FiraSans-LightItalic.eot') format('embedded-opentype'),
         url('FiraSans/woff2/FiraSans-LightItalic.woff2') format('woff2'),
         url('FiraSans/woff/FiraSans-LightItalic.woff') format('woff'),
         url('FiraSans/ttf/FiraSans-LightItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Alternate Gothic';
    src: url('AlternateGothic/urw_-_alternategotno3d-webfont.woff2') format('woff2'),
         url('AlternateGothic/urw_-_alternategotno3d-webfont.woff') format('woff');
    font-weight: bold; /* the bold version is too bold; we want this weight to match the weights of the other fonts in our stack */
}

@font-face {
    font-family: 'Alternate Gothic';
    src: url('AlternateGothic/urw_-_alternategotno3d-webfont.woff2') format('woff2'),
         url('AlternateGothic/urw_-_alternategotno3d-webfont.woff') format('woff');
    font-weight: bold; /* the bold version is too bold; we want this weight to match the weights of the other fonts in our stack */
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-VariableFont_wdth,wght.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf');
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('Roboto/RobotoMono-VariableFont_wght.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Mono';
    src: url('Roboto/RobotoMono-Italic-VariableFont_wght.ttf');
    font-style: italic;
}

@font-face {
    font-family: 'SUSE Mono';
    src: url('SUSE/SUSEMono-VariableFont_wght.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'SUSE Mono';
    src: url('SUSE/SUSEMono-Italic-VariableFont_wght.ttf');
    font-style: italic;
}

@font-face {
    font-family: 'SUSE';
    src: url('SUSE/SUSE-VariableFont_wght.ttf');
    font-style: normal;
}

@font-face {
    font-family: 'SUSE';
    src: url('SUSE/SUSE-Italic-VariableFont_wght.ttf');
    font-style: italic;
}