@font-face {
    font-family: 'Creolia';
    src: url('fonts/Creolia/Creolia.eot');
    src: local('Creolia Bold'), local('Creolia'),
        url('fonts/Creolia/Creolia.eot?#iefix') format('embedded-opentype'),
        url('fonts/Creolia/Creolia.woff2') format('woff2'),
        url('fonts/Creolia/Creolia.woff') format('woff'),
        url('fonts/Creolia/Creolia.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Syne';
    src: url('fonts/Syne/Webfonts/Syne-Regular.eot');
    src: local('Syne Regular'), local('Syne'),
        url('fonts/Syne/Webfonts/Syne-Regular.woff2') format('woff2'),
        url('fonts/Syne/Webfonts/Syne-Regular.woff') format('woff'),
        url('fonts/Syne/Webfonts/Syne-Regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}