[JSWolf]

Originally Posted by Slevin#7

I have encountered a weird issue on an older Calibre ebook viewer for windows (v3.48):

When I embed a font family like Literata, Calibre displays all regular text in pseudo-italic, meaning it skews the font by itself. Bizarrely enough, Calibre displays intentional italic correctly, using the correct font-src.

It doesn't help to explicitly tell the font-style (which anyways should get inherited properly), it always displays regular text in a pseudo-italic style. I've tried other fonts as well (Lora, EBGaramond), Calibre always does its weird thing.

Since I'm pretty sure someone wants to see the CSS code, here it comes:

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

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

@font-face {
  font-family: "Lora";
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/Lora-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Lora";
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/Lora-BoldItalic.ttf") format("truetype");
}

body {
  font-family: "Lora", serif;
}

Does anybody know why this is?

Many thanks in advance

First off, get rid of the format in the font declaration as it's not needed. Then try again. if you still have a problem, post the entire of the CSS. and up to the end of the first parahraph of the HTML where you see the problem.