[Russ]

Originally Posted by theducks

Russ
the font family is normally the base name (typically 4 members)
Font-weight, font style the cause Usage, the match the declaration in the @ fonts...

Hi theducks, many thanks for your reply. I'm now a little confused, the way I have laid it out is the way it would work with normal css and oddly it works in all the devices I have apart from Calibre in Windows. I think you are suggesting something like this?

@font-face {
  font-family: "Vollkorn";
  src: url("../fonts/Vollkorn-SemiBold.ttf");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Vollkorn";
  src: url("../fonts/Vollkorn-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Vollkorn";
  src: url("../fonts/Vollkorn-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

body{
  font-family: "Vollkorn";
  font-size: 0.9em;
  line-height: 1.3;
}

I will give it a go and report back