@font-face {
     font-family: 'BLOKK';
     src: url('font/BLOKKNeue-Regular.eot');
     src: url('font/BLOKKNeue-Regular.eot?#iefix') format('embedded-opentype'),
          url('font/BLOKKNeue-Regular.woff2') format('woff2'),
          url('font/BLOKKNeue-Regular.woff') format('woff'),
          url('font/BLOKKNeue-Regular.otf') format('opentype'),
          url('font/BLOKKNeue-Regular.ttf') format('truetype'),
          url('font/BLOKKNeue-Regular.svg#BLOKKRegular') format('svg');
     font-weight: normal;
     font-style: normal;
 }

 @media screen and (-webkit-min-device-pixel-ratio:0) {
     @font-face {
         font-family: 'BLOKK';
         src: url('font/BLOKKNeue-Regular.svg') format('svg');
     }
 }

 .blokk {
    font-family: "BLOKK", serif;
    letter-spacing: -0.1em;
    line-height: 1.2em;
 }