@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-Black.ttf);
   font-weight: 900;
}
@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-ExtraBold.ttf);
   font-weight: 800;
}
@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-Bold.ttf);
   font-weight: 700;
}
@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-SemiBold.ttf);
   font-weight: 600;
}
@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-Medium.ttf);
   font-weight: 500;
}
@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-Regular.ttf);
   font-weight: 400;
}
@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-Light.ttf);
   font-weight: 300;
}
@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-ExtraLight.ttf);
   font-weight: 200;
}
@font-face {
   font-family:"Roboto",sans-serif; 
   src: url(./Roboto-Thin.ttf);
   font-weight: 100;
}

/* INTER */
@font-face {
    font-family: "Inter", sans-serif;
    src: url(./Inter-Regular.otf);
    font-weight: 400;
}
@font-face {
    font-family: "Inter", sans-serif;
    src: url(./Inter-Medium.otf);
    font-weight: 500;
}
@font-face {
    font-family: "Inter", sans-serif;
    src: url(./Inter-Bold.otf);
    font-weight: 700;
}

/* POPPINS */
@font-face {
    font-family: "Poppins", sans-serif;
    src: url(./Poppins-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url(./Poppins-Medium.ttf);
    font-weight: 500;
}


/*SF PRO Display*/

@font-face {
    font-family: "SF Pro Display", sans-serif;
    src: url(./SFPRODISPLAYREGULAR.OTF);
    font-weight: 400;
}

@font-face {
    font-family: "SF Pro Display", sans-serif;
    src: url(./SFPRODISPLAYMEDIUM.OTF);
    font-weight: 500;
}

@font-face {
    font-family: "SF Pro Display", sans-serif;
    src: url(./SFPRODISPLAYBOLD.OTF);
    font-weight: 600;
}