@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 100;
  src: url('tt_commons_thin.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 100;
  src: url('tt_commons_thin_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 200;
  src: url('tt_commons_extralight.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 200;
  src: url('tt_commons_extralight_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 300;
  src: url('tt_commons_light.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 300;
  src: url('tt_commons_light_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 400;
  src: url('tt_commons_book.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 400;
  src: url('tt_commons_book_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 500;
  src: url('tt_commons_regular.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 500;
  src: url('tt_commons_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 600;
  src: url('tt_commons_medium.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 600;
  src: url('tt_commons_medium_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 700;
  src: url('tt_commons_demibold.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 700;
  src: url('tt_commons_demibold_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 800;
  src: url('tt_commons_bold.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 800;
  src: url('tt_commons_bold_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 900;
  src: url('tt_commons_extrabold.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 900;
  src: url('tt_commons_extrabold_italic.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: normal;
  font-weight: 1000;
  src: url('tt_commons_black.otf'); 
}

@font-face {
  font-family: 'TT-Commons';
  font-style: italic;
  font-weight: 1000;
  src: url('tt_commons_black_italic.otf'); 
}