@font-face {
   font-display: swap; 
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: local("Roboto");
 }

 @font-face {
   font-display: swap; 
   font-family: 'Roboto';
   font-style: italic;
   font-weight: 400;
   src: local("Roboto"); 
 }

 @font-face {
   font-display: swap; 
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 500;
   src: local("Roboto"); 
 }

 @font-face {
   font-display: swap; 
   font-family: 'Roboto';
   font-style: italic;
   font-weight: 500;
   src: local("Roboto");  
 }

 @font-face {
   font-display: swap; 
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   src: local("Roboto");  
 }

 @font-face {
   font-display: swap; 
   font-family: 'Roboto';
   font-style: italic;
   font-weight: 700;
   src: local("Roboto"); 
 }