/* Arial */
@font-face {
    font-family: 'arial';
    src: url('../fonts/Arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arial';
    src: url('../fonts/Arial-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'arial';
    src: url('../fonts/Arial-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'arial';
    src: url('../fonts/Arial-Bold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Times New Roman */
@font-face {
    font-family: 'times-new-roman';
    src: url('../fonts/Times-New-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'times-new-roman';
    src: url('../fonts/Times-New-Roman-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'times-new-roman';
    src: url('../fonts/Times-New-Roman-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'times-new-roman';
    src: url('../fonts/Times-New-Roman-Bold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Verdana */
@font-face {
    font-family: 'verdana';
    src: url('../fonts/Verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'verdana';
    src: url('../fonts/Verdana-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'verdana';
    src: url('../fonts/Verdana-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'verdana';
    src: url('../fonts/Verdana-Bold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Courier New */
@font-face {
    font-family: 'courier-new';
    src: url('../fonts/Courier-New.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'courier-new';
    src: url('../fonts/Courier-New-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'courier-new';
    src: url('../fonts/Courier-New-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'courier-new';
    src: url('../fonts/Courier-New-Bold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Roboto (Light as base) */
@font-face {
    font-family: 'roboto';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
