【问题标题】:How do I make fonts work in an EPUB?如何使字体在 EPUB 中工作?
【发布时间】:2024-01-05 15:08:01
【问题描述】:

我正在帮助我的朋友为她的一个班级写一部“混音小说”。基本上,我们必须为经典文本添加样式和内容,并将其捆绑为 epub,以便可以使用电子阅读器阅读。我认为所有内容都正确保存在文件夹中,并且似乎编码正确。当我将代码放入他们的控制台时,它可以在我的 Tumblr 上运行,但是当我尝试使用 Firefox 直接打开 XHTML 时,它不会显示我的字体或样式,就好像它没有正确链接到样式表一样。以下是它的外观和外观的屏幕截图:http://imgur.com/a/bBhY6

包含我所有 html 和内容的文件夹可在此处找到:https://dl.dropboxusercontent.com/u/95719489/Sherlock%20Holmes.zip

提前感谢您的帮助!

【问题讨论】:

  • 一个问题应该包含足够多的代码,可以重构问题,而不是仅仅引用外部资源。

标签: html css xhtml epub


【解决方案1】:

CSS 文件有一些错误。使用W3C CSS Validator 找到它们。例如,在@font-face 规则之后,您有一个没有任何选择器的规则。

其次,由于 XHTML 文件是作为真正的 XHTML (XML) 处理的,标记名称区分大小写:pP 是不同的标记名称,因此 CSS 代码应该使用 p(XHTML标签名称),而不是P

请注意,通常不应期望 epub 阅读器支持@font-face。他们可能会,也可能不会。另请注意,text-align:justify 在视口狭窄时(例如,在典型的袖珍型设备中)很容易导致灾难性结果。

【讨论】:

    最近更新 更多