EPUB3の小ネタ：1行中の一部に2行押し込む

2014/8/21 [15:02:06] (木)

kindleで翻訳モノを読んでいたら、訳注が出てきた。
文中の単語の直後にカッコで囲まれて、訳注が半分のフォントサイズで2行表示（いわゆる割り注）されていた。どうやってんだろうとちょっとパズルしてみたところ、使えるかもしれないのでメモ。

訳注表示はこんな感じ。kindle previewer HDX8.9


Pタグの中の訳注部分をspanタグでくるんで、
・display:inline-block;
・font-size:0.5em;
・height:26em;（文字数で2行になるようにテキトーに）
・width:1.5em（センター合わせのためには要調整）
・line-height:1;
・text-indent:0;

元の翻訳モノも同じだけど、文字サイズを大きくしたり小さくしたりすると改行されてしまったりする。

こんな感じ。前の単語と泣き別れする。kindle previewer HDX


kindle Paper Whiteのデフォルト文字サイズだとそれっぽく。センターがずれてるので調整が必要。


MacのiBooksでもなんとか見られる感じ。これもセンターがずれてるので調整が必要。



泣き別れに納得してもらえれば、ギリギリ使いものになるかもしれない、かなあ。

きれいな方法があったらぜひ教えてください。

» ローカル環境で電子書籍を作る、Macアプリ・Windows版ツール 「かんたんEPUB3作成easy_epub」

»電子書籍制作代行についてはこちら