@font-face {
    font-family: 'Glyphter';
    src: url('Glyphter.eot');
    src: url('Glyphter.eot?#iefix') format('embedded-opentype'),
         url('Glyphter.woff') format('woff'),
         url('Glyphter.ttf') format('truetype'),
         url('Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: icons;
    src: url(icons.eot?38026170);
    src: url(icons.eot?38026170#iefix) format('embedded-opentype'),
    	 url(icons.woff2?38026170) format('woff2'),
    	 url(icons.woff?38026170) format('woff'),
    	 url(icons.ttf?38026170) format('truetype'),
    	 url(icons.svg?38026170#icons) format('svg');
    font-weight: 400;
    font-style: normal
}





/* -------------------------------------------------*/
/* the serif */
/* -------------------------------------------------*/


@font-face {
    font-family: 'the_sheriff';
    src: url('theserifbold-plain-webfont.woff2') format('woff2'),
         url('theserifbold-plain-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'the_sheriff';
    src: url('theserif-plain-webfont.woff2') format('woff2'),
         url('theserif-plain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}