@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(../files/fonts/roboto/Roboto-Thin.ttf); 
    src: local('Roboto'),
    
      url(../files/fonts/roboto/Roboto-Thin.ttf) format('ttf'),
    
  }
 
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../files/fonts/roboto/Roboto-Light.ttf); 
    src: local('Roboto'),
       
      url(../files/fonts/roboto/Roboto-Light.ttf) format('ttf'),
    
  }
  

  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../files/fonts/roboto/Roboto-Regular.ttf); 
    src: local('Roboto'),
      
      url(../files/fonts/roboto/Roboto-Regular.ttf) format('ttf'),
    
  } 
  
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(../files/fonts/roboto/Roboto-Medium.ttf); 
    src: local('Roboto'),
     
      url(../files/fonts/roboto/Roboto-Medium.ttf) format('ttf'),
    
  }  

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


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