なんでやねんDTP・新館

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

ePUBの外字(画像)_プロローグ

ePUBの外字で四苦八苦している。


ビューワ側で文字の大きさが変更できるリフロー型のePUBでは、外字もその変更に追随して変化する必要があるということは当然の理屈だが……。
「分」の部分が八屋根に作ってある「頒」をIllustratorからSVG形式で書き出した画像を貼り込んでいるのだが、リーダー(ブラウザ)によって表示が……



左より順にAdobe Digital Editions/Firefox+EPUBReader機能拡張/Firefox/Sfari/
※後ろふたつはePUBを解凍しxhtmlを表示させたモノ
(生憎 iPad なるモノを持っていないので確認にお手間をおかけしている)
※あ=/か=/さ=と使用するタグを変えて……
※適当なサイズでSVG形式に書き出したモノには「width="1em" height="1em"」を付加し(2&4ブロック)、そのファイルを1emサイズになるように書き換えたモノはそのままリンクを張ってある(1&3ブロック_この書き換え方法が正しいのかどうかも判らないが……)。
※1&3と2&4の各ブロックは設定を微妙に変えるつもりで作成したのだが、設定しわすれたので元々同じモノ。
2&4ブロックの「あ」の部分は以下のように書いてあるので無効のようです。

<img width="1em" alt="" height="1em" src="../Images/han_gaiji_han.svg" />

正しくは

<img style="width: 1em; height:1em;" src="../Images/han_gaiji_han.svg" />

と書くべきであるようです*1

  • 他にも間違いがあるかも知れません。素人の書いたモノ故、ご勘弁ください。またご指摘もお願いします。でも何故 Adobe Digital Editions(左端)は大丈夫なんでしょう?(この辺り20101218 3:30頃追記

結果
Adobe Digital Editionsでは「width="1em" height="1em"」を付加したimgタグ・embedタグで欲しい表示になり、Firefoxではembedタグで実現出来ているが「width="1em" height="1em"」は効いていない。それ以外は全滅。

                        • -

以下にiPadでの表示キャプチャ画像を送っていただいたので追加しておく(Stanzaでの表示も同様に全滅)。



※「svgフォント」という仕組みもあるようだが、チンプンカンプンで……*2
Jpegも試したが、iBooksiPad)では「width="1em" height="1em"」が効かないようだった。

*1:twitter上での@mori_tacsiさんと@uakira2さんの会話より_私は離脱中でした

*2:ある方のお力添えいただき何とかなりそうな雲行き……成功すれば頁を改めてご報告する