[Jellby]

Originally Posted by kevin.pugh

In the style.css file you might have:

@font-face {
font-family: "Liberation", Arial, sans-serif;
font-weight: normal;
font-style: normal;
src: url(../Fonts/LiberationSans-Regular.otf);
}

I don't think you can have several fonts there. It is possible in a "normal" style:

p {
  font-family: "Liberation", Arial, sans-serif;
}

But in a @font-face, you are not specifying that a given font should be used, but you are actually defining the font, and to define the font you must give it a name, not a list of names. So with:

@font-face {
  font-family: "Liberation";
  font-weight: normal;
  font-style: normal;
  src: url(../Fonts/LiberationSans-Regular.otf);
}

you say that whenever the "Liberation" family is needed, in normal weight and style, the renderer should use the file in ../Fonts/LiberationSans-Regular.otf.