[phossler]

FWIW, I have several stylesheets for various fonts that I can 'plug in' depending on what I think will work best

This is my Charis.css with 4 weights/styles

All have the same Family Name which is the internal name (see screen shot), but different file names

/* ----------------------------------------------*/
/* Style sheet to use Charis fonts -------------*/
/* ----------------------------------------------*/
@font-face {
  font-family: "Charis SIL Compact";
  font-weight: normal;
  font-style: normal;
  src: url(../fonts/CharisSILR.ttf);
  }
@font-face {
  font-family: "Charis SIL Compact";
  font-weight: bold;
  font-style: normal;
  src: url(../fonts/CharisSILB.ttf);
  }
@font-face {
  font-family: "Charis SIL Compact";
  font-weight: normal;
  font-style: italic;
  src: url(../fonts/CharisSILI.ttf);
  }
@font-face {
  font-family: "Charis SIL Compact";
  font-weight: bold;
  font-style: italic;
  src: url(../fonts/CharisSILBI.ttf);
  }
body {
  font-family: "Charis SIL Compact", serif;
}