@font-face {
    font-family: 'AvertaBold';
    src: url('AvertaBold.eot');
    src: url('AvertaBold.eot') format('embedded-opentype'),
         url('AvertaBold.woff2') format('woff2'),
         url('AvertaBold.woff') format('woff'),
         url('AvertaBold.ttf') format('truetype'),
         url('AvertaBold.svg#AvertaBold') format('svg');
}
@font-face {
    font-family: 'AvertaLight';
    src: url('AvertaLight.eot');
    src: url('AvertaLight.eot') format('embedded-opentype'),
         url('AvertaLight.woff2') format('woff2'),
         url('AvertaLight.woff') format('woff'),
         url('AvertaLight.ttf') format('truetype'),
         url('AvertaLight.svg#AvertaLight') format('svg');
}
@font-face {
    font-family: 'AvertaRegular';
    src: url('AvertaRegular.eot');
    src: url('AvertaRegular.eot') format('embedded-opentype'),
         url('AvertaRegular.woff2') format('woff2'),
         url('AvertaRegular.woff') format('woff'),
         url('AvertaRegular.ttf') format('truetype'),
         url('AvertaRegular.svg#AvertaRegular') format('svg');
}
@font-face {
    font-family: 'AvertaSemibold';
    src: url('AvertaSemibold.eot');
    src: url('AvertaSemibold.eot') format('embedded-opentype'),
         url('AvertaSemibold.woff2') format('woff2'),
         url('AvertaSemibold.woff') format('woff'),
         url('AvertaSemibold.ttf') format('truetype'),
         url('AvertaSemibold.svg#AvertaSemibold') format('svg');
}
@font-face {
    font-family: 'AvertaThin';
    src: url('AvertaThin.eot');
    src: url('AvertaThin.eot') format('embedded-opentype'),
         url('AvertaThin.woff2') format('woff2'),
         url('AvertaThin.woff') format('woff'),
         url('AvertaThin.ttf') format('truetype'),
         url('AvertaThin.svg#AvertaThin') format('svg');
}