@font-face {
    font-family: 'Arial';
    src: url('./fonts/Arial/Arial.eot');
    src: local('Arial'), url('fonts/Arial/Arial.woff') format('woff'), url('fonts/Arial/Arial.ttf') format('truetype');
}

@font-face {
    font-family: 'Serif';
    src: url('./fonts/Serif/Serif.eot');
    src: local('Serif'), url('fonts/Serif/Serif.woff') format('woff'), url('fonts/Serif/Serif.ttf') format('truetype');
}

@font-face {
    font-family: 'SansSerif';
    src: url('./fonts/SansSerif/SansSerif.eot');
    src: local('SansSerif'), url('fonts/SansSerif/SansSerif.woff') format('woff'), url('fonts/SansSerif/SansSerif.ttf') format('truetype');
}

@font-face {
    font-family: 'Courier';
    src: url('./fonts/Courier/Courier.eot');
    src: local('Courier'), url('fonts/Courier/Courier.woff') format('woff'), url('fonts/Courier/Courier.ttf') format('truetype');
}

@font-face {
    font-family: 'Comic Sans MS';
    src: url('./fonts/Comic Sans MS/Comic Sans MS.eot');
    src: local('Comic Sans MS'), url('fonts/Comic Sans MS/Comic Sans MS.woff') format('woff'), url('fonts/Comic Sans MS/Comic Sans MS.ttf') format('truetype');
}

@font-face {
    font-family: 'Gadget';
    src: url('./fonts/Gadget/Gadget.eot');
    src: local('Gadget'), url('fonts/Gadget/Gadget.woff') format('woff'), url('fonts/Gadget/Gadget.ttf') format('truetype');
}

@font-face {
    font-family: 'Impact';
    src: url('./fonts/Impact/Impact.eot');
    src: local('Impact'), url('fonts/Impact/Impact.woff') format('woff'), url('fonts/Impact/Impact.ttf') format('truetype');
}

@font-face {
    font-family: 'Skia';
    src: url('./fonts/Skia/Skia.eot');
    src: local('Skia'), url('fonts/Skia/Skia.woff') format('woff'), url('fonts/Skia/Skia.ttf') format('truetype');
}

@font-face {
    font-family: 'Verdana';
    src: url('./fonts/Verdana/Verdana.eot');
    src: local('Verdana'), url('fonts/Verdana/Verdana.woff') format('woff'), url('fonts/Verdana/Verdana.ttf') format('truetype');
}