@font-face {
    font-family: 'DM Mono';
    src: local('DM Mono Light'), local('DMMono-Light'),
        url('fonts/DMMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: local('DM Mono Medium Italic'), local('DMMono-MediumItalic'),
        url('fonts/DMMono-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: local('DM Mono Light Italic'), local('DMMono-LightItalic'),
        url('fonts/DMMono-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: local('DM Mono Medium'), local('DMMono-Medium'),
        url('fonts/DMMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: local('DM Mono Regular'), local('DMMono-Regular'),
        url('fonts/DMMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DM Mono';
    src: local('DM Mono Italic'), local('DMMono-Italic'),
        url('fonts/DMMono-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FreeSans';
    src: local('Free Sans Oblique'), local('FreeSansOblique'),
        url('fonts/FreeSansOblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FreeSans';
    src: local('Free Sans Bold'), local('FreeSansBold'),
        url('fonts/FreeSansBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FreeSans';
    src: local('Free Sans Bold Oblique'), local('FreeSansBoldOblique'),
        url('fonts/FreeSansBoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FreeSans';
    src: local('Free Sans'), local('FreeSans'),
        url('fonts/FreeSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.dm-mono-light {
    font-family: 'DM Mono';
    font-weight: 300;
    font-style: normal;
}

.dm-mono-medium-italic
{
    font-family: 'DM Mono';
    font-weight: 500;
    font-style: italic;
}

.dm-mono-light-italic
{
    font-family: 'DM Mono';
    font-weight: 300;
    font-style: italic;
}

.dm-mono-medium
{
    font-family: 'DM Mono';
    font-weight: 500;
    font-style: normal;
}

.dm-mono-regular {
    font-family: 'DM Mono';
    font-weight: normal;
    font-style: normal;
}

.dm-mono-italic {
    font-family: 'DM Mono';
    font-weight: normal;
    font-style: italic;
}

.free-sans-oblique {
    font-family: 'FreeSans';
    font-weight: normal;
    font-style: italic;
}

.free-sans-bold {
    font-family: 'FreeSans';
    font-weight: bold;
    font-style: normal;
}

.free-sans-bold-oblique {
    font-family: 'FreeSans';
    font-weight: bold;
    font-style: italic;
}

.free-sans {
    font-family: 'FreeSans';
    font-weight: normal;
    font-style: normal;
}