@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;  
  font-weight: 300;
  font-display: swap;
  src: url(RobotoSlab-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;  
  font-weight: 400;
  font-display: swap;
  src: url(RobotoSlab-Regular.ttf) format('truetype');
} 

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

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