Hello,
Thank you both for your responses. I've tried again with the font name provided as Fanwood-Italic. It doesn't seem to make a difference.
In all cases, however, the font is displayed correctly in ADE 1.8 Preview. It's only in ADE 1.7 (the current version) that the font is ignored. This happens however I name the font.
In any case, here's the relevant section of my updated CSS. This CSS file is in the styles/ directory:
Code:
@font-face {
font-family: 'Fanwood-Italic';
src: url(../fonts/Fanwood/Fanwood-Italic-webfont.ttf);
font-style: normal;
}
h2 {
page-break-before: always;
font-family: 'Fanwood-Italic';
font-size: 1.4em;
text-align: center;
margin-top: 0em;
margin-bottom: 1em;
}
And this from the
book.opf file. Please note that the book.opf file is in the root, whereas the style.css is in the style directory, hence the '../' in the CSS. Putting style.css in the root and changing the CSS accordingly still makes no difference:
Code:
<manifest>
<item id="coverPage" href="CoverPage.html" media-type="application/xhtml+xml" />
<item id="coverImage" href="images/img_1329158139801.jpg" media-type="image/jpeg" />
<item id="ncx" href="book.ncx" media-type="application/x-dtbncx+xml" />
<item id="h1_font" href="fonts/Fanwood/Fanwood-Italic-webfont.ttf" media-type="application/x-font-ttf" />
<item id="css_css1" href="styles/styles.css" media-type="text/css" />
<item id="chapter1" href="Section1.html" media-type="application/xhtml+xml" />
<item id="chapter2" href="Section2.html" media-type="application/xhtml+xml" />
<item id="chapter3" href="Section3.html" media-type="application/xhtml+xml" />
</manifest>
Grateful for any further suggestions!