@font-face {
  font-family: Carme;
  src: local("Carme Regular"),
       local("Carme-Regular"),
       url(../fonts/carme-regular.ttf) format("truetype"),
       url(../fonts/carme-regular.otf) format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: Madras;
  src: local("Madras Light"),
       local("Madras-Light"),
       url(../fonts/MadrasLight.ttf) format("truetype");
  font-weight: lighter;
}

@font-face {
  font-family: Madras;
  src: local("Madras Regular"),
       local("Madras-Regular"),
       url(../fonts/MadrasRegular.ttf) format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: Madras;
  src: local("Madras Bold"),
       local("Madras-Bold"),
       url(../fonts/MadrasBold.ttf) format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: Madras;
  src: local("Madras Extra Bold"),
       local("Madras-ExtraBold"),
       url(../fonts/MadrasExtraBold.ttf) format("truetype");
  font-weight: bolder;
}