@font-face {
    font-family: 'Karrik';
    src: url('Karrik-Regular.woff2') format('woff2'),
        url('Karrik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM';
    src: url('IBMPlexSansCond.woff2') format('woff2'),
        url('IBMPlexSansCond.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM';
    src: url('IBMPlexSansCond-Medium.woff2') format('woff2'),
        url('IBMPlexSansCond-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Warbler';
    src: url('WarblerText-Regular.woff2') format('woff2'),
        url('WarblerText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Warbler';
    src: url('WarblerText-Bold.woff2') format('woff2'),
        url('WarblerText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Warbler';
    src: url('WarblerText-Italic.woff2') format('woff2'),
        url('WarblerText-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Warbler';
    src: url('WarblerText-BoldItalic.woff2') format('woff2'),
        url('WarblerText-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Luciole';
    src: url('Luciole-Regular/Luciole-Regular.eot'); /* IE9 Compat Modes */
    src: url('Luciole-Regular/Luciole-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Luciole-Regular/Luciole-Regular.woff') format('woff'), /* Modern Browsers */
         url('Luciole-Regular/Luciole-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Luciole-Regular/Luciole-Regular.svg#Luciole-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Luciole';
    src: url('Luciole-Italic/Luciole-Italic.eot'); /* IE9 Compat Modes */
    src: url('Luciole-Italic/Luciole-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Luciole-Italic/Luciole-Italic.woff') format('woff'), /* Modern Browsers */
         url('Luciole-Italic/Luciole-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Luciole-Italic/Luciole-Italic.svg#Luciole-Regular') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Luciole';
    src: url('Luciole-BoldItalic/Luciole-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('Luciole-BoldItalic/Luciole-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Luciole-BoldItalic/Luciole-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('Luciole-BoldItalic/Luciole-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Luciole-BoldItalic/Luciole-BoldItalic.svg#Luciole-Regular') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Luciole';
    src: url('Luciole-Bold/Luciole-Bold.eot'); /* IE9 Compat Modes */
    src: url('Luciole-Bold/Luciole-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Luciole-Bold/Luciole-Bold.woff') format('woff'), /* Modern Browsers */
         url('Luciole-Bold/Luciole-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Luciole-Bold/Luciole-Bold.svg#Luciole-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}