I'm sorry to say that it didn't help. I hope I understood what you meant. What I did was I moved the line with the src:url part to the last line in the declaration, just before the closing curved bracket, the }. Like this:
@font-face {
font-family: "Charis SIL";
font-style: normal;
font-weight: normal;
src: url(../Fonts/CharisSIL-R.ttf);
}
The line at the bottom of the page still gets split into two halves.
