Font not in Bookerly
Hi,
I know HTML and CSS pretty well but this one is throwing me. I'm proofing my epub in MS Edge browser, the Kindle Preview and downloading as a .mobi for the Kindle. For some reason my Bookerly font is being ignored. In Edge is reverts to Times and in the Kindle I noticed it is defaulting to the 'Publisher's Font', which is some sans serif font. Yet the Kindle Preview on the kindlepreview website IS showing Bookerly. Of course I can change it in the Kindle but I want it to default to Bookerly. The CSS in idGeneratedStyles_0 is:
@11220649-face {
font-family:Bookerly, serif;
font-style:normal;
font-weight:bold;
src : url("../font/Bookerly-Bold.ttf");
}
etc etc
As you can see it references the font folder one level above, and this contains the correct Bookerly .tff files. At no point is any other font declared in my CSS (I've searched all CSS files in Dreamweaver for 'font-family'). Each page references different CSS files but none of them call up any other font. Page two displays Bookerly so I checked the code for both the HTML and the CSS and there is nothing breaking the code. I've additional xtra.css included in my .epub but that doesn't reference any font.
Is this a known issue with either InDesign (doesn't seem to be as the HTML makes sense)? Should I strip out all font references for the Kindle to display in Bookerly by default? I don't want to do that because if people choose to read it in other readers I'd like it displayed in Bookerly. Maybe Kindle always defaults to something other than Bookerly? That doesn't make sense though.
Any tips/pointers to ensuring Bookerly is the preferred font?
