@font-face {
    font-family: 'matahari';
    src: url('Matahari300Light.eot');
    src: url('Matahari300Light.eot') format('embedded-opentype'),
         url('Matahari300Light.woff2') format('woff2'),
         url('Matahari300Light.woff') format('woff'),
         url('Matahari300Light.ttf') format('truetype'),
         url('Matahari300Light.svg#Matahari300Light') format('svg');
}
@font-face {
    font-family: 'matahari-400';
    src: url('Matahari400Regular.eot');
    src: url('Matahari400Regular.eot') format('embedded-opentype'),
         url('Matahari400Regular.woff2') format('woff2'),
         url('Matahari400Regular.woff') format('woff'),
         url('Matahari400Regular.ttf') format('truetype'),
         url('Matahari400Regular.svg#Matahari400Regular') format('svg');
}