@font-face {
  font-family: 'Otto Attack Type';
  src: url('../attacktypefont/AttackTypeTRIAL-Regular.otf') format('opentype'),
       url('../attacktypefont/AttackTypeTRIAL-RegularHigh.otf') format('opentype');
       /* url('../attacktypefont/AttackTypeTRIAL-Medium.otf') format('opentype'); */
       /* url('../attacktypefont/AttackTypeTRIAL-MediumHigh.otf') format('opentype'); */
       /* url('../attacktypefont/AttackTypeTRIAL-Heavy.otf') format('opentype'); */
       /* url('../attacktypefont/AttackTypeTRIAL-HeavyHigh.otf') format('opentype'); */
       /* url('../attacktypefont/AttackTypeTRIAL-Bold.otf') format('opentype'); */
       /* url('../attacktypefont/AttackTypeTRIAL-BoldHigh.otf') format('opentype'); */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Otto Attack Type Bold';
  src: url('../attacktypefont/AttackTypeTRIAL-Bold.otf') format('opentype');
       url('../attacktypefont/AttackTypeTRIAL-BoldHigh.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

body {
  font-family: 'Otto Attack Type', serif;
}

.italic {
  font-style: italic;
}

.bold {
  font-family: 'Otto Attack Type Bold', serif;
  font-weight: bold;
}

.tall {
  font-optical-sizing: auto;
}