なんでやねんDTP・新館

はてなダイアリーから移行しました…

iBooks上でのePUB_ルビ表示

最後にiBooks上でのルビの表示について。


まず、以下のようなxhtml内容のePUBファイルを用意した。

<h2>3. ルビ表示</h2>
<p><cite>例えば「<ruby><rb>汚職</rb><rp></rp><rt>おしょく</rt><rp></rp></ruby>」という語はグループルビ的に処理し、<br /><ruby><rb></rb><rp></rp><rt></rt><rp></rp></ruby><ruby><rb></rb> <rp></rp><rt>けん</rt><rp></rp></ruby>」という語はモノルビ的に処理をすることは……</cite></p>
<h1><ruby><rb>汚職</rb><rp></rp><rt>おしょく</rt><rp></rp></ruby><ruby><rb></rb><rp></rp><rt></rt><rp></rp></ruby><ruby><rb></rb><rp></rp><rt>けん</rt><rp></rp></ruby></h1>


iBooks上での表示は……



うーん、なんとも無惨なモノとなってしまう*1


このxhtmlのhead部にHowManyFilesの日記: 詳説EPUB(煉獄篇)さんで公開されているテンプレートを参考に以下のcssを追加した*2

ruby {
        display: inline-table; position: relative; line-height: 1; margin-left: 0em;
        padding: 0; vertical-align: -0.1em; border:none; border-collapse: collapse;
        border-spacing: 0;}
rb {
        display: table-row-group; text-align: center; padding: 0; margin: 0
        border: none;}
rt {
        display: table-header-group; line-height: 1.2; font-size: 0.5em;
        text-align: center; padding: 0; margin: 0; border: none;}
rb, rt {text-align: center;}
rp {display: none;}


その結果、iBooks上での表示は……
(但し、Sigil上ではルビはおろか親文字さえ表示できなかった)*3



素晴らしい!


Firefox+EPUBReader機能拡張での追加前後……



calibreでの追加前後……



対応できないなら、iBooksもせめて括弧書きにしてくれればいいのに……ホントの括弧書き*4にして、ルビ表記を諦めるしかない……という判断をせざるを得ないではないか。

                                      • -

以上、数回に亘ってiBooksでの表示に関して問題点を挙げ、アチコチの情報を元にいくつかの解決法も提示できたと思う。
しかし、あまり特殊な処理をしては他のビューワ/リーダでの表示に影響することも考えられる。
やはり基本的には標準的な方法で記述し、ビューワ/リーダ側の対応/実装を待つというのが妥当な判断であろうとは思う。

*1:対応できないなら括弧書きでもいいのに……

*2:未だあまり意味は理解できていないが、体裁の悪い部分は数値を変更した

*3:別の機会に開くと表示できていたので…削除

*4:この場合は熟語ごとに括弧書きがイイだろう