@font-face {
  font-family: Charis;
  font-weight: 400;
  src:
    url(CharisSIL-R.ttf)  format('truetype'),
    url(CharisSIL-R.woff) format('woff');
}

@font-face {
  font-family: Charis;
  font-weight: 500;
  src:
    url(CharisSIL-B.ttf)  format('truetype'),
    url(CharisSIL-B.woff) format('woff');
}

@font-face {
  font-family: Charis;
  font-weight: 400;
  font-style:  italic;
  src:
    url(CharisSIL-I.ttf)  format('truetype'),
    url(CharisSIL-I.woff) format('woff');
}

@font-face {
  font-family: Charis;
  font-weight: 500;
  font-style:  italic;
  src:
    url(CharisSIL-BI.ttf)  format('truetype'),
    url(CharisSIL-BI.woff) format('woff');
}