@font-face {
    font-family: 'HackBold';
        src: url('fonts/Hack/HackBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
      }

@font-face {
    font-family: 'HackBoldItalic';
        src: url('fonts/Hack/HackBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
      }

/* @font-face {
 *     font-family: 'HackBoldOblique';
 *         src: url('fonts/Hack/HackBoldOblique.ttf') format('truetype');
 *     font-weight: normal;
 *     font-style: italic;
 *       } */

@font-face {
    font-family: 'HackItalic';
        src: url('fonts/Hack/HackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
      }

/* @font-face {
 *     font-family: 'HackOblique';
 *         src: url('fonts/Hack/HackOblique.ttf') format('truetype');
 *     font-weight: normal;
 *     font-style: italic;
 *       } */

@font-face {
    font-family: 'HackRegular';
        src: url('fonts/Hack/HackRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }

/* @font-face {
 *     font-family: 'HackRegularOblique';
 *         src: url('fonts/Hack/HackRegularOblique.ttf') format('truetype');
 *     font-weight: normal;
 *     font-style: italic;
 *       } */

 /* The following rules are deprecated. */ 

@font-face {
    font-family: 'Hack';
        src: url('fonts/Hack/HackBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
      }



@font-face {
    font-family: 'Hack';
        src: url('fonts/Hack/HackBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
      }



/* @font-face {
 *     font-family: 'Hack';
 *         src: url('fonts/Hack/HackBoldOblique.ttf') format('truetype');
 *     font-weight: normal;
 *     font-style: italic;
 *       } */



@font-face {
    font-family: 'Hack';
        src: url('fonts/Hack/HackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
      }



/* @font-face {
 *     font-family: 'Hack';
 *         src: url('fonts/Hack/HackOblique.ttf') format('truetype');
 *     font-weight: normal;
 *     font-style: italic;
 *       } */



@font-face {
    font-family: 'Hack';
        src: url('fonts/Hack/HackRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }



/* @font-face {
 *     font-family: 'Hack';
 *         src: url('fonts/Hack/HackRegularOblique.ttf') format('truetype');
 *     font-weight: normal;
 *     font-style: italic;
 *       } */