@font-face{
    font-family:'Roboto';
    src:url(../fonts/roboto/roboto-v27-latin-regular.eot); 
    src: url(../fonts/roboto/roboto-v27-latin-regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/roboto/roboto-v27-latin-regular.eot?#iefix) format('fonts/embedded-opentype'),
    url(../fonts/roboto/roboto-v27-latin-regular.woff2) format('woff2'),
    url(../fonts/roboto/roboto-v27-latin-regular.woff) format('woff'),
    url(../fonts/roboto/roboto-v27-latin-regular.ttf) format('truetype'),
    url(../fonts/roboto/roboto-v27-latin-regular.svg#Roboto) format('svg');
    font-weight:normal;
    font-style:normal;
    }

@font-face {
    font-family: 'Bigelow Rules';
    src: url(../fonts/bigelow_rules/bigelow_rules-regular.eot);
    src: url(../fonts/bigelow_rules/bigelow_rules-regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/bigelow_rules/bigelow_rules-regular.otf) format('otf'),
    url(../fonts/bigelow_rules/bigelow_rules-regular.ttf) format('truetype'),
    url(../fonts/bigelow_rules/bigelow_rules-regular.svg#BigelowRules-Regular) format('svg'),
    url(../fonts/bigelow_rules/bigelow_rules-regular.woff2) format('woff2'),
    url(../fonts/bigelow_rules/bigelow_rules-regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    }
    
@font-face {
    font-family: 'CrimsonText-SemiBoldItalic';
    src: url(../fonts/crimsontext/crimson_text_semibolditalic.eot);
    src:local('CrimsonText-SemiBoldItalic')
    url(../fonts/crimsontext/crimson_text_semibolditalic.eot?#iefix) format('embedded-opentype'),
    url(../fonts/crimsontext/crimson_text_semibolditalic.otf) format('otf'),
    url(../fonts/crimsontext/crimson_text_semibolditalic.svg#CrimsonText-SemiBoldItalic) format('svg'),
    url(../fonts/crimsontext/crimson_text_semibolditalic.woff) format('woff'),
    url(../fonts/crimsontext/crimson_text_semibolditalic.woff2) format('woff2');
    font-weight:normal;
    font-style:normal;
    }