/* TT Commons Thin */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Thin Italic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

/* TT Commons ExtraLight */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons ExtraLight Italic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}

/* TT Commons Light */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Light Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

/* TT Commons Regular */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

/* TT Commons Medium */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Medium Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

/* TT Commons DemiBold */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons DemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons DemiBold Italic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}

/* TT Commons Bold */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Bold Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

/* TT Commons ExtraBold */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons ExtraBold Italic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}

/* TT Commons Black */
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'TT Commons';
  src: url('TT Commons Black Italic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}