@font-face {
  font-family: 'dinM';
  src: local('dinM'), url(./DIN-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'dinB';
  src: local('dinB'), url(./DIN-Bold.otf) format('opentype');
}

.din {
  font-family: "dinM" !important;
  /* font-size: 12px; */
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dinB {
  font-family: "dinB" !important;
  /* font-size: 12px; */
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 
100 - Thin
200 - Extra Light (Ultra Light)
300 - Light
400 - Regular (Normal、Book、Roman)
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)
*/