@font-face {
    font-family: 'Arla InterFace';
    src: url('./ArlaInterFace-Bold.eot');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Arla InterFace';
    src: local('Arla InterFace Bold'), local('ArlaInterFace-Bold'),
        url('./ArlaInterFace-Bold.ttf') format('truetype'),
        url('./ArlaInterFace-Bold.svg#ArlaInterFace-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arla InterFace';
    src: url('./ArlaInterFace-Regular.eot');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arla InterFace';
    src: local('Arla InterFace'), local('ArlaInterFace-Regular'),
        url('./ArlaInterFace-Regular.ttf') format('truetype'),
        url('./ArlaInterFace-Regular.svg#ArlaInterFace-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arla InterFace';
    src: url('./ArlaInterFace-Black.eot');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Arla InterFace';
    src: local('Arla InterFace Black'), local('ArlaInterFace-Black'),
        url('./ArlaInterFace-Black.ttf') format('truetype'),
        url('./ArlaInterFace-Black.svg#ArlaInterFace-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}