CSS CODE ...

@font-face {
    font-family: 'vcdn';
    src: url('vcdn-bold.woff2') format('woff2'),
        url('vcdn-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'vcdn';
    src: url('vcdn-light.woff2') format('woff2'),
        url('vcdn-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'vcdn';
    src: url('vcdn-light-italic.woff2') format('woff2'),
        url('vcdn-light-italic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'vcdn';
    src: url('vcdn-medium-italic.woff2') format('woff2'),
        url('vcdn-medium-italic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'vcdn';
    src: url('vcdn-medium.woff2') format('woff2'),
        url('vcdn-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'vcdn';
    src: url('vcdn-bolditalic.woff2') format('woff2'),
        url('vcdn-bolditalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'vcdn';
    src: url('vcdn-book.woff2') format('woff2'),
        url('vcdn-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}