@font-face {
    font-family: 'Matter-Regular';
    src: local('Matter-Regular'), 
        url('Matter-Regular.woff') format('woff'), 
        url('Matter-Regular.woff2') format('woff2'), 
        url('Matter-Regular.eot') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face {
    font-family: 'Matter-Light';
    src: local('Matter-Light'), 
        url('Matter-Light.woff') format('woff'), 
        url('Matter-Light.woff2') format('woff2'), 
        url('Matter-Light.eot') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face {
    font-family: 'Matter-Bold';
    src: local('Matter-Bold'), 
        url('Matter-Bold.woff') format('woff'), 
        url('Matter-Bold.woff2') format('woff2'), 
        url('Matter-Bold.eot') format('embedded-opentype'); /* IE6-IE8 */
}