Charis SIL is a very nice font to use and it's the font used by most publishers when they embed fonts as it's free. This is the code to use Charis such that it will work and still allow readers that can change fonts to do so.
Put the fonts directory in the same place as the stylesheet. So if you have OEBS/style.css then you want OEBS/fonts/.
Code:
@font-face {
font-family: serif;
font-weight: normal;
font-style: normal;
src: url(fonts/CharisSILR.ttf)
}
@font-face {
font-family: serif;
font-weight: bold;
font-style: normal;
src: url(fonts/CharisSILB.ttf)
}
@font-face {
font-family: serif;
font-weight: normal;
font-style: italic;
src: url(fonts/CharisSILI.ttf)
}
@font-face {
font-family: serif;
font-weight: bold;
font-style: italic;
src: url(fonts/CharisSILBI.ttf)
}
body {
font-family: serif;
widows: 0;
orphans: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
text-align: justify
}