I took a quick look at the epub styling. Blecchh... Not the worst I've seen but not good.
One issue with the font-face portion of the stylesheet is the use of curly quotes. Check the Gentium Book Basic normal compared to the Gentium Book Basic bold. This may be the source of your font display issue.
Code:
@font-face {
font-family: "Gentium Book Basic";
font-weight: normal;
font-style: normal;
src: url(“../Fonts/GenBkBasR.ttf”); <==
}
@font-face {
font-family: "Gentium Book Basic";
font-weight: bold;
font-style: normal;
src: url("../Fonts/GenBkBasB.ttf"); <==
}
I also swapped the weight and style for Cormorant Infant Bold -- weight: normal and style: bold doesn't quite work.
Then there is the use of naked text -- the line below is not valid code, it needs to be wrapped.
____________________________________
Then we have the naked img tags. I'd suggest wrapping them in a <p> tag with appropriate class.
And this one where some colons were left out or replaced by other characters (I'm assuming the -12px was intended to be 12px):
Code:
<img alt="image013" src="../Images/image013.jpg" style="margin-right;12px;margin-left-12px;margin-top:12px;margin-bottom:12px;width:100%;"/>
Code:
<img alt="image013" src="../Images/image013.jpg" style="margin-right:12px; margin-left:12px; margin-top:12px; margin-bottom:12px; width:100%;"/>
Then we have the odd mix of measurements. Please use relative (em, rem,%, etc.) not absolute (px, pt, in, etc.). It makes it much easier to read on devices with varying resolutions.
And '
;!important;' which is used after four maxwidth:s is incorrect. You need to use ' !important;'. Though, IMNSHO, your epub with a single stylesheet should not need to use any !important.
I did a quick clean up on the file to clean up epubcheck's errors and prettified it to remove those unneeded EOLs in the paragraphs. I also deleted several of the Comorant font files that were not being used to reduce the file size.