@font-face {
    font-family: 'FS Lola';
    src: url('FSLola-Light.eot');
    src: local('FS Lola Light Regular'), local('FSLola-Light'), local('fs_lola-light'),
        url('FSLola-Light.eot?#iefix') format('embedded-opentype'),
        url('FSLola-Light.woff2') format('woff2'),
        url('FSLola-Light.woff') format('woff'),
        url('FSLola-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Lola';
    src: url('FSLola.eot');
    src: local('FS Lola Regular'), local('FSLola'), local('fs_lola'),
        url('FSLola.eot?#iefix') format('embedded-opentype'),
        url('FSLola.woff2') format('woff2'),
        url('FSLola.woff') format('woff'),
        url('FSLola.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Lola';
    src: url('FSLola-Medium.eot');
    src: local('FS Lola Medium Regular'), local('FSLola-Medium'), local('fs_lola-medium'),
        url('FSLola-Medium.eot?#iefix') format('embedded-opentype'),
        url('FSLola-Medium.woff2') format('woff2'),
        url('FSLola-Medium.woff') format('woff'),
        url('FSLola-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Lola';
    src: url('FSLola-Bold.eot');
    src: local('FS Lola Regular'), local('FSLola-Bold'), local('fs_lola-bold'),
        url('FSLola-Bold.eot?#iefix') format('embedded-opentype'),
        url('FSLola-Bold.woff2') format('woff2'),
        url('FSLola-Bold.woff') format('woff'),
        url('FSLola-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}