@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    src: local('Lora Regular'), url('./Lora-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    src: local('Lora Italic'), url('./Lora-Italic.ttf') format("truetype");
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 500;
    src: local('Lora Medium'), url('./Lora-Medium.ttf') format("truetype");
}

@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 500;
    src: local('Lora Medium Italic'), url('./Lora-MediumItalic.ttf') format("truetype");
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 600;
    src: local('Lora SemiBold'), url('./Lora-SemiBold.ttf') format("truetype");
}

@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 600;
    src: local('Lora SemiBold Italic'), url('./Lora-SemiBoldItalic.ttf') format("truetype");
}

@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    src: local('Lora Bold'), url('./Lora-Bold.ttf') format("truetype");
}

@font-face {
    font-family: 'Lora';
    font-style: italic;
    font-weight: 700;
    src: local('Lora Bold Italic'), url('./Lora-BoldItalic.ttf') format("truetype");
}