@font-face {
    font-family: 'comfortaa';
    src: url(comfortaa/comfortaa.woff2) format('woff2'),
         url(comfortaa/comfortaa.woff) format('woff'),
         url(comfortaa/comfortaa.ttf) format('truetype'),
         url(comfortaa/comfortaa.svg#comfortaa) format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-comfortaa{font-family: 'comfortaa';}

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

.font-social-logos{font-family: 'social-logos'}

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

.font-metal-lord{font-family: 'metal-lord';}