@font-face {
    font-family: 'ITC Clearface Std';
    src:
        url('./fonts/ITC_Clearface/itc-clearface-black.eot');
    src:
        url('./fonts/ITC_Clearface/itc-clearface-black.eot') format('embedded-opentype'),
        url('./fonts/ITC_Clearface/itc-clearface-black.ttf') format('truetype');
        /*url('./fonts/font-name.woff') format('woff')
      url('./fonts/font-name.svg') format('svg');*/
        font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Clearface Std';
    src:
        url('./fonts/ITC_Clearface/itc-clearface-heavy-italic.eot');
    src:
        url('./fonts/ITC_Clearface/itc-clearface-heavy-italic.eot') format('embedded-opentype'),
        url('./fonts/ITC_Clearface/itc-clearface-heavy-italic.ttf') format('truetype');
        /*url('./fonts/font-name.woff') format('woff'),
      url('./fonts/font-name.svg') format('svg');*/
        font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Clearface Std';
    src:
        url('./fonts/ITC_Clearface/itc-clearface-lt-bold-italic.eot');
    src:
        url('./fonts/ITC_Clearface/itc-clearface-lt-bold-italic.eot') format('embedded-opentype'),
        url('./fonts/ITC_Clearface/itc-clearface-lt-bold-italic.ttf') format('truetype'),
        url('./fonts/ITC_Clearface/itc-clearface-lt-bold-italic.woff') format('woff'),
        url('./fonts/ITC_Clearface/itc-clearface-lt-bold-italic.svg') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* @font-face {
    font-family: '<FONT-NAME>';
    src:
        url('./fonts/font-name.eot');
    src:
        url('./fonts/font-name.eot') format('embedded-opentype'),
        url('./fonts/font-name.ttf') format('truetype'),
        url('./fonts/font-name.woff') format('woff'),
        url('./fonts/font-name.svg') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
} */