@font-face {
font-family: 'Roboto';
      src: url('Roboto-Regular.ttf') format('truetype');
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
}

/* Italic */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-display: swap;
	src: url('Roboto-LightItalic.ttf') format('truetype');
}

/* Thin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-display: swap;
	font-weight: 500;
	src: url('Roboto-Thin.ttf') format('truetype');
}

/* Thin italic */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-display: swap;
	font-weight: 500;
	src: url('Roboto-ThinItalic.ttf') format('truetype');
}


/* Medium */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-display: swap;
	font-weight: 500;
	src: url('Roboto-Regular.ttf') format('truetype');
}


/* Medium italic */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-display: swap;
	font-weight: 500;
	src: url('Roboto-Italic.ttf') format('truetype');
}


/* SemiBold */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-display: swap;
	font-weight: 600;
	src: url('Roboto-Medium.ttf') format('truetype');
}


/* SemiBold italic */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-display: swap;
	font-weight: 600;
	src: url('Roboto-MediumItalic.ttf') format('truetype');
}


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


/* Bold italic */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-display: swap;
	font-weight: 800;
	src: url('Roboto-BoldItalic.ttf') format('truetype');
}