EPUBをAdobe Digital Editionsで表示したときの文字化けと対応策

Adobe Digital Editionsでは、次のケースで文字化けすることが確認されています。Sony ReaderのEPUB表示はAdobe Digital Editionsを使っているので同じ現象が起きます。

1.本文全体が文字化けする。

(対応策)本文の<html>要素にxml:lang="ja"(言語が日本語)を追加すると問題なくなります。
CAS-UBではEPUBを出力するときに、この設定をしていますので文字化けの現象はおきません。

2.SVG図版が文字化けする。

(対応策)<svg>要素にxml:lang="ja"(言語が日本語)を追加すると問題なくなります。

3.<em>要素の内容テキストが文字化けする。

(対応策)<em>(意味は「弱い強調」)の内容は一般にはイタリックで表示します。Adobe Digital Editionではこの部分が文字化けします。文章の中身を英文字にしたら正しく表示されますので、フォントが斜体を持ってないときにこんなふうになるのではないかと考えられます。

そこで、CSSに次のような指定を追加しますと、日本語は斜体にはなりませんが表示されます。

em {
font-style: normal;
}

○CAS-UBのQandAに追加しました。
http://www.cas-ub.com/howto/q-a.html