P 标签在 iBooks 2.0.1 中无法正确呈现

Question

我有一个使用 InDesign 5.5 创建的 EPUB，并尝试在 iPad 上使用内置的 Futura。 H1 和 H2 标签在 iBooks 2.0.1 中正确呈现，但 P 标签和类默认为 Times Roman。我尝试过 samp hack，但没有成功。这是一个例子：

p.Narrative-Body {
font-family : Futura, Arial, sans-serif;
font-weight : normal;
font-style : normal;
font-size : 1em;
font-variant : normal;
line-height : 1.6;
text-align : left;
color : #000000; }

这是 html：

<p class="Narrative-Body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sapien lorem, semper ac tempus quis, imperdiet quis dui. Morbi sed sollicitudin elit.</p> *Real copy covered by non-disclosure.*

在电子制作网站上找不到任何答案，我重新安装了 iBooks。同样的问题。但是，它在 ADE 和 Safari 中正常工作，并且 Calibre 正确显示无衬线字体。 提前致谢！

---

我们正在进步！！我添加了 com.apple xml 文件并将我的正文样式映射到 p 标签。现在，它们显示 Futura，但前提是它们是直接的 p 标签或带有跨度的 p 标签（用于插入文本）。带类的 P 标签仍然不使用 Futura。作为一个测试，我在 html 和 css 中将类名设置为小写，但仍然没有成功。这是修改后的 HTML：

<p><span class="Quote-RunIn">“Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.” </p>

CSS 现在是：

p {
font-family: Futura, Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1em;
font-variant: normal;
line-height: 1.6;
text-align: left;
margin: 0 0 1em 0;
orphans: 2;
widows: 2;

}

Natasha，因为我没有使用 samp 标签，所以我应该在 p 标签中指定 font-family，对吧？

Answer 1

您的 META-INF 中是否有 com.apple.ibooks.display-options.xml 文件？它应该包含：

<?xml version="1.0" encoding="UTF-8"?>
<display_options>
<platform name="*">
<option name="specified-fonts">true</option>
</platform>
</display_options>

这可能只是嵌入字体所必需的；我忘记了。对不起，哈哈！让我知道这是否适合您！

---

这是正确的。 font-family 在 p 标签内不起作用，但它在 h 标签内起作用。您想取出 p 标签中的 font-family 。执行此操作：

p.Narrative-Body {
font-weight : normal;
font-style : normal;
font-size : 1em;
font-variant : normal;
line-height : 1.6;
text-align : left;
color : #000000; }
samp { font-family : Futura, Arial, sans-serif; }

标记应为：

<p class="Narrative-Body"><samp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sapien lorem, semper ac tempus quis, imperdiet quis dui. Morbi sed sollicitudin elit.</samp></p>

请注意，您还需要我之前在 META-INF 文件夹中提到的文件。

这绝对有效；如果您发现没有，那么也许可以运行 CSS 和标记验证器，看看是否有其他东西干扰？

祝你好运！

Answer 2

您肯定需要 META-INF 中的 Apple Display Options 文件并指定-fonts=true。此设置适用于所有指定的字体 - 嵌入式字体和系统字体。

p { font-family: Futura;} 是很好的语法 - 它可以在 iBooks 中使用。

如果您可以访问 iOS 模拟器，请将您的 XHTML 文件拖到模拟器中的 Safari 中并在那里进行测试 - 有时它对大小写等更加挑剔。也就是说，大写的类不是问题。

祝你好运！

Answer 3

嗯，我已经成功了，谢谢大家的帮助。添加 Apple Display Options 文件就可以了。我希望 Adob​​e 在未来的更新中找到一种自动生成此文件的方法。我最终将 font-family 属性保留在 p 标记中，因为这就是 InDesign 生成它的方式。我想，既然它有效，为什么还要诱惑命运呢？

顺便说一句，iBooks 似乎在最新版本中支持 img 宽度标签。

Answer 4

德里克·舒尔茨 (Derrick Schultz) 在 Twitter 上@dvsch 说道：

无法与 ePub 对话，但在 HTML 中无法验证，因为类需要以小写字母开头。