Calibre 4.x の縦書きをマシにする方法

以前、私は、

カラクリスタ・ブログ - Calibre Viewerで縦書き ePub を横書きにして表示をマシにした

私は基本的に、電子書籍の管理には、 Calibre を使っているのですが、この Calibre 、どうも縦書き ePub の表示がバグって...

https://the.kalaclista.com/posts/2018/10/14/000000/

と言う記事を書いた様に、Calibre 3.x で縦書き ePub 横書きにし、 Calibre 3.x で縦書き ePub が上手く表示されないのをなんとかする方法を記載していました。

ただこの記事を書いている 2019年 12月現在、Calibre は 4.x 系がリリースされ、 Calibre が ePub 表示に使っている Renderer も QtWebkit から QtwebEngine に変更されたため、 Calibre の縦書きの修正方法も変っており、今回はその辺りの変更への対応方法も含めて、 Calibre 4.x の縦書き ePub の表示をマシにする方法を紹介したいと思います。

今までのおさらい

まず calibre の表示をマシにする方法を紹介する前に Calibre 内部のおさらいをすると、 今までの Calibre 3.x では ePub の表示に古い QtWebkit を使っていて、 これが原因で縦書き ePub の表示がバグる、というコトの原因になっていました。

そして Calibre 4.x 系では、これが Google Chrome や Chromium などと同じ、 Blink ベースの Web Renderer である QtWebEngine に置き換えられたため、 今の Calibre 4.x ではこの縦書き表示のバグは解消されています。

ただ、現実としては縦書き表示のバグは解消されたものの、 今の Calibre4.x では 縦書き ePub への CSS の対応が不十分であるため、 今の Calibre 4.x でも縦書き ePub の表示は若干崩れたままです。

とは言え、今の Calibre 4.x では Google Chrome などで使う CSS をそのまま適用できるため、 Calibre 4.x の縦書きをマシにするために、普通の Web 製作で使う CSS がそのまま使えます。

Calibre 4.x の縦書きをマシにする方法

というコトで実際に使える CSS はこちらです:

html, body {
  height: 100%;
}

body > div {
  height: auto ;
  margin: auto ;
}

p {
  max-height: 40em ;
  font-size: 2em ;
}

ポイントとしては CSS の max-height 辺りで、この CSS プロパティを指定することによって、 Calibre 4.x の縦書きが見辛い原因である縦書き文章が延々と下に画面一杯に伸びる事を修正できます。

また font-size プロパティを指定する事によってフォントサイズの調整も出来るので、 文字が小さくて読み辛いのもある程度は修正できるかと思います。

なおこれ以外の修正については、Web 製作の知識がそのまま使えるので、

MDN Web Docs

MDN Web Docs サイトは、ウェブサイトやプログレッシブウェブアプリのための HTML、CSS、API を含むオープンウェブ技術に関...

https://developer.mozilla.org/ja/

辺りを参考に CSS を書けば、割となんとかなると思います。

Calibre の縦書きを横書きにする方法

ちなみに私は縦書き ePub でも横書きで読みたい派なので、自分の CSS には、 下記の CSS を足しています:

* {
  -webkit-writing-mode: horizontal-tb ;
  writing-mode: horizontal-tb ;
}

それでこれは何をしているかと言うと、今の ePub での縦書き表示は、 CSS の writing-mode プロパティで制御されてるため、これを上書きして強制的に横書きにする、 と言うことをやっています。

以上

と言う事で Calibre 4.x での縦書きをマシにする方法としては以上になります。

もっともここで紹介した事は必要最低限の事柄しか紹介してないんで、 より読み易くするためには CSS の知識がある程度は必要となりますが、 今の Calibre が QtwebEngine に移行したおかげで、 古い WebKit のバグを意識して云々と言う事をする必要は基本的には無くなりました。

また縦書きを強制的に横書きにする方法も大分ラクになったので、 縦書きだとそもそも何をどうしても読み辛い、という事に対しても、 自分としてはかなり手軽に対応できる様になったよなーと感じています。

と言う事で今回の話は以上です。はい。

nyarla が大体

Scrapbox でコメントや意見を書く