@font-face { 
    font-family: 'GeneralFont';
    src:  url('fonts/worksans-regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'BoldFont';
    src:  url('fonts/worksans-medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'ItalicFont';
    src:  url('fonts/worksans-italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'BoldItalicFont';
    src:  url('fonts/worksans-mediumitalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'TitleFont';
    src:  url('fonts/worksans-regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'TitleBoldFont';
    src:  url('fonts/worksans-medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'TitleItalicFont';
    src:  url('fonts/worksans-italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'TitleBoldItalicFont';
    src:  url('fonts/worksans-mediumitalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'ThickFont';
    src:  url('fonts/worksans-semibold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'SpecialFont';
    src:  url('fonts/playfair-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'SpecialItalicFont';
    src:  url('fonts/playfair-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}