body {
   font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
}
.car1 {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
	font-size: 10pt;
	
}
.car2 {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
		color: #008000;
}
.car2b {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
		color: #008000;
}
<!-- <span style="car2"> -->
.car3 {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
	
}
.car4 {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
		color: #FF5050;
}
.car6 {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
		color: #808080;
}


<!-- <span style="car4"> -->
.car5 {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
	font-size: 18pt;
	color: #FF5050;
}
<!-- <font face="Calibri" color="#FF5050" size="5"> -->
.car7 {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
		color: #FF0000;
}
.car12lila {
	  font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
		color: #9049ed;
			font-size: 10pt;
}

<!-- <span style="car7"> -->
@font-face {
    font-family: 'CarlitoBold';
        src: url('/CarlitoBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
      }

@font-face {
    font-family: 'CarlitoBoldItalic';
        src: url('/CarlitoBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
      }

@font-face {
    font-family: 'CarlitoItalic';
        src: url('/CarlitoItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
      }

@font-face {
    font-family: 'CarlitoRegular';
        src: url('/CarlitoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }

 /* The following rules are deprecated. */ 

@font-face {
    font-family: 'Carlito';
        src: url('/CarlitoBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
      }



@font-face {
    font-family: 'Carlito';
        src: url('/CarlitoBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
      }



@font-face {
    font-family: 'Carlito';
        src: url('/CarlitoItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
      }



@font-face {
    font-family: 'Carlito';
        src: url('/CarlitoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
      }