@font-face {
    font-family: 'merriweather_sansbook';
    src: url('../fonts/merriweathersans-light-webfont.eot');
    src: url('../fonts/merriweathersans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/merriweathersans-light-webfont.woff2') format('woff2'),
         url('../fonts/merriweathersans-light-webfont.woff') format('woff'),
         url('../fonts/merriweathersans-light-webfont.ttf') format('truetype'),
         url('../fonts/merriweathersans-light-webfont.svg#merriweather_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fatazregular';
    src: url('../fonts/fataz-webfont.eot');
    src: url('../fonts/fataz-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fataz-webfont.woff2') format('woff2'),
         url('../fonts/fataz-webfont.woff') format('woff'),
         url('../fonts/fataz-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'azamregular';
    src: url('../fonts/azam-webfont.eot');
    src: url('../fonts/azam-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/azam-webfont.woff2') format('woff2'),
         url('../fonts/azam-webfont.woff') format('woff'),
         url('../fonts/azam-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/leaguespartan-bold.eot');
    src: url('../fonts/leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguespartan-bold.woff2') format('woff2'),
         url('../fonts/leaguespartan-bold.woff') format('woff'),
         url('../fonts/leaguespartan-bold.ttf') format('truetype'),
         url('../fonts/leaguespartan-bold.svg#league_spartanbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


@font-face {
    font-family: 'noto_sub';
    src: url('../fonts/noto_sub-regular.eot');
    src: url('../fonts/noto_sub-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/noto_sub-regular.woff2') format('woff2'),
         url('../fonts/noto_sub-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sub_medium';
    src: url('../fonts/notosansTCsub-Medium.eot');
    src: url('../fonts/notosansTCsub-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notosansTCsub-Medium.woff2') format('woff2'),
         url('../fonts/notosansTCsub-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'noto_sub_demi';
    src: url('../fonts/notosansTCsub-DemiLight.eot');
    src: url('../fonts/notosansTCsub-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notosansTCsub-DemiLight.woff2') format('woff2'),
         url('../fonts/notosansTCsub-DemiLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sub_light';
    src: url('../fonts/notosansTCsub-Light.eot');
    src: url('../fonts/notosansTCsub-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notosansTCsub-Light.woff2') format('woff2'),
         url('../fonts/notosansTCsub-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    @font-face {
        font-family: 'merriweather_sansbook';
        src:  url('../fonts/merriweathersans-light-webfont.svg#merriweather_sansbook') format('svg');   
            font-weight: normal;
    font-style: normal;
    }
}