You should not change the @font-face declarations. Only in the body of the CSS. If the font is being used as the body font, I just place it in the body declaration.
Code:
@font-face {
font-family: 'Charis SIL';
font-weight: normal;
font-style: normal;
src: url('../Fonts/CharisSILR.ttf');
}
@font-face {
font-family: 'Charis SIL';
font-weight: normal;
font-style: italic;
src: url('../Fonts/CharisSILI.ttf');
}
@font-face {
font-family: 'Charis SIL';
font-weight: bold;
font-style: normal;
src: url('../Fonts/CharisSILB.ttf');
}
@font-face {
font-family: 'Charis SIL';
font-weight: bold;
font-style: italic;
src: url('../Fonts/CharisSILBI.ttf');
}
body {
display: block;
font-family: "Charis SIL", serif;
font-size: 1em;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-indent: 0;
widows: 1;
orphans: 1;
}