1

電子ブックでドロップ キャップを生成する次のコードがあります。

<p class="noindent">
  <span class="lettrine">
    <span class="lettrine-letter">D</span>
  </span>
  <span class="lettrine-line">ésirant</span> développer une relation intime avec Abram, …
</p>

と

.lettrine {
    float: left;
    line-height: 0.7;
    margin-bottom: -1em;
    margin-left: -0.1em;
    margin-right: 0.2em
    }
.lettrine-letter {
    color: gray;
    font-size: 4em;
    font-style: normal
    }
.lettrine-line {
    font-family: "EB Garamond SC", serif;
    font-variant: small-caps
    }

Web ブラウザーと readium では、ドロップ キャップは問題なく表示されます (Firefox 14 のスクリーンショット):

ファイアフォックス14で

他の一部のリーダー (キャリバーebook-viewer、Aldiko) では、ドロップ キャップが低すぎます (Aldiko 2.1.0 のスクリーンショット):

アルディコで

この違いを説明できるものは何ですか? どうすれば回避できますか？

4

1 に答える 1

0

私もこれを見たことがあります。ファイルのバグ。CSS 2 で定義されているものを超える CSS プロパティを使用していないと仮定すると (そして、そうでないように見えます)、HTML/CSS をレンダリングする正しい方法は 1 つだけです。EPUB リーダーがブラウザーとは異なる方法でレンダリングしている場合、それはリーダーのバグであり、修正する必要があります (もちろん、CSS 仕様の大部分を無視する基本的なリーダーの場合を除きますが、それらのリーダーは通常、ドロップキャップも）。

EPUB 形式では JavaScript が許可されていないため (EPUB 3 コンテンツを構築している場合を除く)、リーダー ベンダーが問題を修正するたびに壊れないように、この種の問題を有効に回避する方法はないと確信しています。バグ。最善の方法は、バグを報告し、リーダーを作成している企業が迅速に修正してくれることを期待することです。

ちなみに、Calibre にバグを報告したところ、WebKit の問題だと言われました。私は QTWebKit の現在のバージョンでは問題を見ていないので、Calibre が QT5 (最終リリースの後、現在 2012 年末までに予定されている) と WebKit のより最近のビルドが一致するようになると、その問題はなくなるはずです。 .

Aldiko も QTWebKit に基づいていると仮定すると、同じことがおそらくそのリーダーにも当てはまります。

于 2012-12-19T02:05:02.603 に答える