@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url(fonts/RobotoSlab-Black.ttf);
  src: url(fonts/RobotoSlab-Black.ttf) format('ttf'),
  url(fonts/RobotoSlab-Black.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/RobotoSlab-Bold.ttf);
  src: url(fonts/RobotoSlab-Bold.ttf) format('ttf'),
  url(fonts/RobotoSlab-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url(fonts/RobotoSlab-ExtraBold.ttf);
  src: url(fonts/RobotoSlab-ExtraBold.ttf) format('ttf'),
  url(fonts/RobotoSlab-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url(fonts/RobotoSlab-ExtraLight.ttf);
  src: url(fonts/RobotoSlab-ExtraLight.ttf) format('ttf'),
  url(fonts/RobotoSlab-ExtraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/RobotoSlab-Light.ttf);
  src: url(fonts/RobotoSlab-Light.ttf) format('ttf'),
  url(fonts/RobotoSlab-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url(fonts/RobotoSlab-Medium.ttf);
  src: url(fonts/RobotoSlab-Medium.ttf) format('ttf'),
  url(fonts/RobotoSlab-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/RobotoSlab-Regular.ttf);
  src: url(fonts/RobotoSlab-Regular.ttf) format('ttf'),
  url(fonts/RobotoSlab-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url(fonts/RobotoSlab-SemiBold.ttf);
  src: url(fonts/RobotoSlab-SemiBold.ttf) format('ttf'),
  url(fonts/RobotoSlab-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/RobotoSlab-Thin.ttf);
  src: url(fonts/RobotoSlab-Thin.ttf) format('ttf'),
  url(fonts/RobotoSlab-Thin.ttf) format('truetype');
}