@font-face {
    font-family: 'Hero';
    src: local('Hero Light'), local('Hero-Light'), url('herolight.woff2') format('woff2'), url('herolight.woff') format('woff'), url('herolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Hero';
    src: local('Hero'), url('hero.woff2') format('woff2'), url('hero.woff') format('woff'), url('hero.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}