2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

EPUBの濁点や半濁点について

Last updated at Posted at 2021-04-03

 「あ゙」というのはライトノベルでよく使われる。ただ、これをEPUBで使おうとするとフォントが対応していないなどで表示されないことがある。

 そこでどのように表示するかについて考えてみよう。市販のEPUB作成機能がついたソフトウェアでどのように処理をされているのかを調べてみた。だが、そもそも対応している市販のソフトがあるのかよくわからなかった。

 あるところで調べると、画像を埋め込むなどが書かれていた。画像で埋め込むと白黒反転したときにその文字だけが画像だというのがバレる。背景が白で文字が黒であったならばばれないが。背景を黒にした途端、画像の部分だけ背景が白の文字が表示される。

  • 縦中横を使って文字を並べて表示してはどうか。
  • フォントを埋め込めがいいのだろうか。

などと考えて言えると、「フォントってライセンスどうなん?」というのも気になってくる。

改造版AozoraEpub3
https://github.com/kyukyunyorituryo/AozoraEpub3

改造版AozoraEpub3の表示テストの設定から[スタイル]-[濁点/半濁点文字]-[フォント]を選んだ状態の表示のテスト。

そのまま

<p>あ゛あ゛あ゛あ゛</p>
<p>い゛い゛い゛い゛</p>
<p><span class="color-orangered">い゛</span></p>
<p><span class="color-orangered"></span></p>
<p><br/></p>

ブックウォーカー
縦書きで表示すると濁点が下に表示されているのがわかる。結合文字の「あ゙」にしても分解されて表示される。
2021-04-04_00h35_09.png

キンドルプレビュワー
ブックウォーカーと同様の表示
2021-04-04_00h42_51.png

重ねる
「重ねる」というのは同じ位置に濁点と元の文字を重ねて表示するという意味なんだけど、重ねる位置がビュワーごとに異なるために同じ表示にすることが難しい。

<p><span class="dakuten"><span></span></span><span class="dakuten"><span></span></span><span class="dakuten"><span></span></span><span class="dakuten"><span></span></span></p>
<p><span class="dakuten"><span></span></span><span class="dakuten"><span></span></span><span class="dakuten"><span></span></span><span class="dakuten"><span></span></span></p>
<p><span class="color-orangered"><span class="dakuten"><span></span></span></span></p>

ブックウォーカー
2021-04-04_00h36_24.png
超縦書
2021-04-04_00h46_00.png

フォント
 濁点のフォントを用意して、代わりに表示したら。一番思ったとおりに表示されました。

<p><span class="glyph u3042-u3099"></span><span class="glyph u3042-u3099"></span><span class="glyph u3042-u3099"></span><span class="glyph u3042-u3099"></span></p>
<p><span class="glyph u3044-u3099"></span><span class="glyph u3044-u3099"></span><span class="glyph u3044-u3099"></span><span class="glyph u3044-u3099"></span></p>
<p><span class="color-orangered"><span class="glyph u3044-u3099"></span></span></p>

ブックウォーカー
2021-04-04_00h37_23.png

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?