@font-face 
{
  font-family: 'Permanent Marker';
  src: URL('fonts/PermanentMarker-Regular.ttf') format('truetype');
}  

@font-face 
{
  font-family: 'Roboto';
  src: URL('fonts/Roboto-Regular.ttf') format('truetype');
}  

@font-face 
{
  font-family: 'Roboto Medium';
  src: URL('fonts/Roboto-Medium.ttf') format('truetype');
}  

@font-face 
{
  font-family: 'Roboto Light';
  src: URL('fonts/Roboto-Light.ttf') format('truetype');
}  

@font-face
{
  font-family: 'Roboto Mono';
  src: URL('fonts/RobotoMono-Regular.ttf') format('truetype');
}