EPUB3技術解説セミナー1固定レイアウト/フォント埋め込み/ウェブフォント    2012年6月7日(木)15:00-16:40             境祐司     @commonstyle ¦ 電子書籍メディア論
profile          YOUJI SAKAIInstructional Designer | eBook Designer                境祐司
BOOKS               最新刊ウェブレイアウトの   EPUB3スタンダード   Webデザイン基礎   教科書        デザインガイド        改訂3版
community       電子書籍メデ ア論             ィ http://www.facebook.com/eBookStrategy         デザインの未来http://www.facebook.com/TheFu...
テキスト
EPUB3技術解説セミナー1本日のテーマ:      固定レイアウト      フォント埋め込み      ウェブフォント
EPUB3技術解説セミナー1固定レイアウトFixed-Layout
Fixed-Layoutテキストや図版を    画像化した  絶対配置      紙面を配置
Fixed-Layout      テキストや図版を絶対配置・座標値を指定してテキストや図版を配置する方法・文字サイズは固定されているものが多い リーディングシステム側で文字サイズの変更ができない・電子書籍のデータサイズは、 リフロー形式の電子...
Fixed-Layout               iPad at Work               Volume 2               Apple iBookstore
Fixed-Layout               iPad at Work               Volume 2               Apple iBookstore
Fixed-Layout       画像化した紙面を配置・DTPデータからイメージ変換する方法・もしくは、印刷物を取り込み、補正する方法・コミックや写真集、絵本などは、JPEG、PNGなどの ラスターグラフィックスが多い・雑誌や凝ったレイアウ...
Fixed-Layout               .net               Apple Newsstand               インタラクティブ               レプリカ
Fixed-Layout        Countrys Best Cabins        Amazon Kindle Store        プリントレプリカ
Fixed-LayoutThere Was an Old Monkey Who Swallowed a FrogAmazon Kindle Store                             固定レイアウト(Kindle For...
Fixed-Layout       画像化した紙面を配置・DTPデータからイメージ変換する方法・もしくは、印刷物を取り込み、補正する方法・コミックや写真集、絵本などは、JPEG、PNGなどの ラスターグラフィックスが多い・雑誌や凝ったレイアウ...
Fixed-Layoutテキストや図版を    画像化した  絶対配置      紙面を配置
Fixed-Layoutテキストや図版を    画像化した  絶対配置      紙面を配置
EPUB3技術解説セミナー1固定レイアウトの検証環境
EPUB3技術解説セミナー1 Readium Version 0.3.2                http://readium.org/6月2日リリースのバージョン/Chrome 19.0.1084.54(2012.6.7現在)
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1about:flags
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1        CSS領域を有効にする        「有効にする」をクリック
EPUB3技術解説セミナー1       「今すぐ再起動」をクリック
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1          Readium mobile               Chrome for Android 4.0            http://github.readium.org/
EPUB3技術解説セミナー1          Readium mobile               Chrome for Android 4.0            http://github.readium.org/
EPUB3技術解説セミナー1公開されているEPUB3固定レイアウトのサンプル        epub-samples         http://code.google.com/p/epub-samples/              ダウン...
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1            EPUB3固定レイアウトのサンプルharuko-html-jpeg-20120524.epubFixed layout manga, jpeg embedded in xhtmlharuko-...
EPUB3技術解説セミナー1EPUB3固定レイアウトのサンプル
EPUB3技術解説セミナー1
IDPF - EPUB 3 Fixed-Layout Documents   EPUB 3Fixed-Layout Documents       http://idpf.org/epub/fxl/
IDPF - EPUB 3 Fixed-Layout Documents EPUB 3 Fixed-Layout Documents・IDPFの情報文書(Informational Document)・IDPF EPUB working gro...
IDPF - EPUB 3 Fixed-Layout DocumentsEditors:Markus Gylling - IDPF      マーカス・ギリングDave Cramer - Hachette      デイヴ・クレイマー
IDPF - EPUB 3 Fixed-Layout DocumentsAuthors:  Takeshi Kanai (Sony) ソニー  Peter Sorotokin (Adobe) アドビ  Roger Webster (Barnes...
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents                                      2      1           ...
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents                                  対応付け   機能              ...
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documentsプロパティ                             Prefixマッピング・rendition:la...
IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義Property Definitions・rendition:layout プロパティ・rendition:orientation プロパティ・renditi...
IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義Property Definitions・リフロー/ページ区切りの指定・スクリーンの方向(縦・横)・見開きの指定・見開きの配置指定(左・右・中央)
IDPF - EPUB 3 Fixed-Layout Documents     Prefixマッピング     Prefix Mapping     prefix属性で URI     http://www.idpf.org/vocab/rendi...
IDPF - EPUB 3 Fixed-Layout Documents   コンテント・ディメンションズ    Content dimensions   meta要素のviewportで指定<head><meta name="viewport...
IDPF - EPUB 3 Fixed-Layout Documentsコンテント・ディメンションズContent dimensionsmeta要素のviewportで指定PrefixマッピングPrefix Mappingprefix属性で URIh...
IDPF - EPUB 3 Fixed-Layout Documentsコンテント・ディメンションズ                                  XHTMLContent dimensionsmeta要素のviewport...
IDPF - EPUB 3 Fixed-Layout Documentsサンプルファイルを確認  epub-samples   http://code.google.com/p/epub-samples/
IDPF - EPUB 3 Fixed-Layout Documents            EPUB3固定レイアウトのサンプルharuko-html-jpeg-20120524.epubFixed layout manga, jpeg em...
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub              解凍
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub                                       Image
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub                                       Text
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub                                       Style
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epubパッケージドキュメント(.opf)
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents            page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ              ...
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents     page-blanche-20120314.epubコンテンツキュメント(.xhtml)
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub                6ページ目のXHTMLファイル
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub                              1200 1577px
IDPF - EPUB 3 Fixed-Layout Documents            page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ              ...
IDPF - EPUB 3 Fixed-Layout Documents            page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ              ...
IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義        Property Definitions
IDPF - EPUB 3 Fixed-Layout Documentsrendition:layout プロパティリフロー/ページ区切りの指定
IDPF - EPUB 3 Fixed-Layout Documents rendition:layout プロパティ・reflowable(リフロー)・pre-paginated(ページ区切り)
IDPF - EPUB 3 Fixed-Layout Documents        rendition:layout プロパティ     ・reflowable(リフロー)     ・pre-paginated(ページ区切り)<meta pr...
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epubパッケージドキュメント(.opf)
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documentsrendition:orientation プロパティ  スクリーンの方向(縦・横)
IDPF - EPUB 3 Fixed-Layout Documentsrendition:orientation プロパティ・landscape(横方向)・portrait(縦方向)・auto(制限なし)
IDPF - EPUB 3 Fixed-Layout Documents     rendition:orientation プロパティ     ・landscape(横方向)     ・portrait(縦方向)     ・auto(制限なし...
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epubパッケージドキュメント(.opf)
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documentsrendition:spread プロパティ          見開きの指定
IDPF - EPUB 3 Fixed-Layout Documentsrendition:spread プロパティ・none・landscape(横方向のみ)・portrait(縦方向のみ)・both(横方向・縦方向)・auto(制限なし)
IDPF - EPUB 3 Fixed-Layout Documents      rendition:spread プロパティ<meta property="rendition:spread">landscape</meta><meta pr...
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epubパッケージドキュメント(.opf)
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents                              Double Pages
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents例:ランドスケープモード(横向き)にすると見開きで表示される
IDPF - EPUB 3 Fixed-Layout Documents例:ランドスケープモード(横向き)にすると見開きで表示されるランドスケープモード(横向き)では、見開きではなく、シングルページの拡大表示で読みたい、という読者もいる
IDPF - EPUB 3 Fixed-Layout Documents読者が、シングルページ、ダブルページ(見開き)を自由に選択できたほうがよい場合もある
IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ見開きの配置指定(左・右・中央)
IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ・page-spread-left プロパティ(左側に配置)・page-spread-right プロパティ(右側に配置)・rend...
IDPF - EPUB 3 Fixed-Layout Documents  page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:lay...
IDPF - EPUB 3 Fixed-Layout Documents  page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:lay...
IDPF - EPUB 3 Fixed-Layout Documents  page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:lay...
IDPF - EPUB 3 Fixed-Layout Documents                  補足<meta property="rendition:layout">pre-paginated</meta><itemref id=...
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents   Appendix A. Examples          http://idpf.org/epub/fxl...
IDPF - EPUB 3 Fixed-Layout Documents           Example 1・固定レイアウト・横向きでは合成された見開き・縦向きでは見開きにしない
IDPF - EPUB 3 Fixed-Layout Documents          Example 1
IDPF - EPUB 3 Fixed-Layout Documents           Example 2・固定レイアウト・合成された見開きにしない・横向きで固定
IDPF - EPUB 3 Fixed-Layout Documents          Example 2
IDPF - EPUB 3 Fixed-Layout Documents             Example 3・リフローのコンテンツ・タイトルページだけ固定レイアウト・合成された見開きを表示するときは 右側に配置
IDPF - EPUB 3 Fixed-Layout Documents          Example 3
IDPF - EPUB 3 Fixed-Layout Documents             Example 5・リフローのコンテンツ・固定レイアウトの 右配置ページと左配置ページを 合成された見開きページとして表示・リフローのページも見開...
IDPF - EPUB 3 Fixed-Layout Documents          Example 5
IDPF - EPUB 3 Fixed-Layout Documents             Example 7・固定レイアウト・横向きでは合成された見開き・縦向きでは見開きにしない・進行方向は右から左(日本のマンガ)
IDPF - EPUB 3 Fixed-Layout Documents          Example 7
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents                 復習
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents                                  対応付け   機能              ...
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documentsプロパティ                             Prefixマッピング・rendition:la...
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epubパッケージドキュメント(.opf)
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub
IDPF - EPUB 3 Fixed-Layout Documents     page-blanche-20120314.epubコンテンツキュメント(.xhtml)
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub                              XHTMLファイル
IDPF - EPUB 3 Fixed-Layout Documents    page-blanche-20120314.epub                           貼付ける画像の準備
EPUB3技術解説セミナー1  Readiumで確認
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents
EPUB3技術解説セミナー1本日、2つ目のテーマ:      固定レイアウト      フォント埋め込み      ウェブフォント
IDPF - EPUB 3 Fixed-Layout Documents フォント埋め込みFont embedding ウェブフォント  Web Fonts
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ   OpenTypeフォント     application/vnd.ms-opentype     WOFFフォント      ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSA                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSB                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSC                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSD                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                  2Dfacto honto                                  ビューアアプリ
IDPF - EPUB 3 Fixed-Layout Documents                                       2Dfacto honto                                  ...
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documentsデバイス                                      インストールフォント                                  ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSA                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                  縦書きビューワ                                  for Android...
IDPF - EPUB 3 Fixed-Layout Documents                                       縦書きビューワ                                       f...
IDPF - EPUB 3 Fixed-Layout Documents                                       縦書きビューワ                                       f...
IDPF - EPUB 3 Fixed-Layout Documents                                       縦書きビューワ                                       f...
IDPF - EPUB 3 Fixed-Layout Documents                                  縦書きビューワ                                  for Android
IDPF - EPUB 3 Fixed-Layout Documentsデバイス                                      インストールフォント                                  ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSA                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSA                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout DocumentsiPadで使用できるフォント              iOS5 ※リーディングシステムによっては表示できないので検証必須
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents                                       中国語
IDPF - EPUB 3 Fixed-Layout Documents日本語
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents                                       iOS Fonts                                      ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSB                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents        font-familyp{ font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;}
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents                                                iBooks                                ...
IDPF - EPUB 3 Fixed-Layout Documents                                                iBooks                                ...
IDPF - EPUB 3 Fixed-Layout Documents                                                iBooks                                ...
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents  デフォルト                        ヒラギノ明朝 ProN W3
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documentscom.apple.ibooks.display-options.xml
IDPF - EPUB 3 Fixed-Layout Documentscom.apple.ibooks.display-options.xml              iBooks
IDPF - EPUB 3 Fixed-Layout Documents               参考情報Mac OS XとiOSでは表示が一部異なる  ・指定なし:   Mac OS X[明朝]/iPad[明朝]  ・serif:   M...
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents                                   OSC                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSD                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents フォント埋め込みFont embedding
IDPF - EPUB 3 Fixed-Layout Documents                    Adobe Digital Editions 1.8
IDPF - EPUB 3 Fixed-Layout Documents                                   iBooks                                   iOS WebKit
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents                                   DL Reader                                   iOS Web...
IDPF - EPUB 3 Fixed-Layout Documents                                   Kinoppy                                   iOS WebKit
IDPF - EPUB 3 Fixed-Layout Documents
IDPF - EPUB 3 Fixed-Layout Documents           サンプルの場合TrueType
IDPF - EPUB 3 Fixed-Layout Documents@font-face { font-family: Prophecy Script; font-style: normal; font-weight: normal; sr...
IDPF - EPUB 3 Fixed-Layout Documentsp.letter { font-family: "Prophecy Script";}<p class="letter">Dear sir I received your ...
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ   OpenTypeフォント     application/vnd.ms-opentype     WOFFフォント      ...
EPUB3技術解説セミナー1公開されているEPUB3固定レイアウトのサンプル        epub-samples         http://code.google.com/p/epub-samples/              ダウン...
EPUB3技術解説セミナー1wasteland-woff-20120118.epub
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1                  スタイルシート@font-face {  font-family: OldStandard;  font-weight: normal;  font-style: normal; ...
EPUB3技術解説セミナー1                  スタイルシート@font-face {  font-family: OldStandard;  font-weight: normal;  font-style: normal; ...
EPUB3技術解説セミナー1     パッケージドキュメント(.opf)<manifest><item id="font.OldStandard.regular"href="OldStandard-Regular.woff"media-type=...
EPUB3技術解説セミナー1              パッケージドキュメント(.opf)<manifest><item id="font.OldStandard.regular" href="OldStandard-Regular.woff"m...
EPUB3技術解説セミナー1
EPUB3技術解説セミナー1流用を防止するための「難読化」 EPUB Open Container Format (OCF) 3.0 5 Font Obfuscation(フォントの難読化) http://idpf.org/epub/30/sp...
EPUB3技術解説セミナー1         EPUBオーサリングソフト         「Sigil」はフォントデータの         難読化をサポート
EPUB3技術解説セミナー1          フォント難読化
EPUB3技術解説セミナー1            encryption.xml
IDPF - EPUB 3 Fixed-Layout Documents  フォント埋め込み   Font embedding           復習
IDPF - EPUB 3 Fixed-Layout Documents                                   OSA                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSB                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSC                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout Documents                                   OSD                               フォント     コンテンツ   ...
IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ   OpenTypeフォント     application/vnd.ms-opentype     WOFFフォント      ...
IDPF - EPUB 3 Fixed-Layout Documents日本語フォント埋め込みの注意点 フォントの権利処理EPUBファイルの肥大化
EPUB3技術解説セミナー1本日のテーマ:      固定レイアウト      フォント埋め込み      ウェブフォント
EPUB3の最新情報はIDPFのサイトで確認してください    http://idpf.org/
Thank you for your attention.  ご清聴ありがとうございました
EPUB3技術解説セミナー1固定レイアウト/フォント埋め込み/ウェブフォント    2012年6月7日(木)15:00-16:40             境祐司     @commonstyle ¦ 電子書籍メディア論
community       電子書籍メデ ア論             ィ http://www.facebook.com/eBookStrategy         デザインの未来http://www.facebook.com/TheFu...
Upcoming SlideShare
Loading in...5
×

20120607_openend_ebookpro_mediverse_EPUB3_FixedLayout_FontEmb

2,725

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,725
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
33
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "20120607_openend_ebookpro_mediverse_EPUB3_FixedLayout_FontEmb"

  1. 1. EPUB3技術解説セミナー1固定レイアウト/フォント埋め込み/ウェブフォント 2012年6月7日(木)15:00-16:40 境祐司 @commonstyle ¦ 電子書籍メディア論
  2. 2. profile YOUJI SAKAIInstructional Designer | eBook Designer 境祐司
  3. 3. BOOKS 最新刊ウェブレイアウトの EPUB3スタンダード Webデザイン基礎 教科書 デザインガイド 改訂3版
  4. 4. community 電子書籍メデ ア論 ィ http://www.facebook.com/eBookStrategy デザインの未来http://www.facebook.com/TheFutureDesign
  5. 5. テキスト
  6. 6. EPUB3技術解説セミナー1本日のテーマ: 固定レイアウト フォント埋め込み ウェブフォント
  7. 7. EPUB3技術解説セミナー1固定レイアウトFixed-Layout
  8. 8. Fixed-Layoutテキストや図版を 画像化した 絶対配置 紙面を配置
  9. 9. Fixed-Layout テキストや図版を絶対配置・座標値を指定してテキストや図版を配置する方法・文字サイズは固定されているものが多い リーディングシステム側で文字サイズの変更ができない・電子書籍のデータサイズは、 リフロー形式の電子書籍とあまり変わらない・テキストの選択や本文検索などは実行できる
  10. 10. Fixed-Layout iPad at Work Volume 2 Apple iBookstore
  11. 11. Fixed-Layout iPad at Work Volume 2 Apple iBookstore
  12. 12. Fixed-Layout 画像化した紙面を配置・DTPデータからイメージ変換する方法・もしくは、印刷物を取り込み、補正する方法・コミックや写真集、絵本などは、JPEG、PNGなどの ラスターグラフィックスが多い・雑誌や凝ったレイアウトの実用書などは、PDFが多い・リフロー形式やテキストや図版を絶対配置する方式と 比較した場合、データサイズが大きくなってしまう
  13. 13. Fixed-Layout .net Apple Newsstand インタラクティブ レプリカ
  14. 14. Fixed-Layout Countrys Best Cabins Amazon Kindle Store プリントレプリカ
  15. 15. Fixed-LayoutThere Was an Old Monkey Who Swallowed a FrogAmazon Kindle Store 固定レイアウト(Kindle Format 8)
  16. 16. Fixed-Layout 画像化した紙面を配置・DTPデータからイメージ変換する方法・もしくは、印刷物を取り込み、補正する方法・コミックや写真集、絵本などは、JPEG、PNGなどの ラスターグラフィックスが多い・雑誌や凝ったレイアウトの実用書などは、PDFが多い・リフロー形式やテキストや図版を絶対配置する方式と 比較した場合、データサイズが大きくなってしまう
  17. 17. Fixed-Layoutテキストや図版を 画像化した 絶対配置 紙面を配置
  18. 18. Fixed-Layoutテキストや図版を 画像化した 絶対配置 紙面を配置
  19. 19. EPUB3技術解説セミナー1固定レイアウトの検証環境
  20. 20. EPUB3技術解説セミナー1 Readium Version 0.3.2 http://readium.org/6月2日リリースのバージョン/Chrome 19.0.1084.54(2012.6.7現在)
  21. 21. EPUB3技術解説セミナー1
  22. 22. EPUB3技術解説セミナー1
  23. 23. EPUB3技術解説セミナー1about:flags
  24. 24. EPUB3技術解説セミナー1
  25. 25. EPUB3技術解説セミナー1 CSS領域を有効にする 「有効にする」をクリック
  26. 26. EPUB3技術解説セミナー1 「今すぐ再起動」をクリック
  27. 27. EPUB3技術解説セミナー1
  28. 28. EPUB3技術解説セミナー1
  29. 29. EPUB3技術解説セミナー1
  30. 30. EPUB3技術解説セミナー1
  31. 31. EPUB3技術解説セミナー1
  32. 32. EPUB3技術解説セミナー1
  33. 33. EPUB3技術解説セミナー1 Readium mobile Chrome for Android 4.0 http://github.readium.org/
  34. 34. EPUB3技術解説セミナー1 Readium mobile Chrome for Android 4.0 http://github.readium.org/
  35. 35. EPUB3技術解説セミナー1公開されているEPUB3固定レイアウトのサンプル epub-samples http://code.google.com/p/epub-samples/ ダウンロードリスト http://code.google.com/p/epub-samples/downloads/list
  36. 36. EPUB3技術解説セミナー1
  37. 37. EPUB3技術解説セミナー1
  38. 38. EPUB3技術解説セミナー1 EPUB3固定レイアウトのサンプルharuko-html-jpeg-20120524.epubFixed layout manga, jpeg embedded in xhtmlharuko-jpeg-20120524.epubFixed layout manga, jpeg directly in the spinesous-le-vent_svg-in-spine-20120418.epubfixed-layout document, using SVG in spinesvg-in-spine-20120417.epubfixed-layout document, using SVG in spinesous-le-vent-20120403.epubfixed-layout document, using SVG embedded in XHTMLcole-voyage-of-life-20120320.epubreflowable content with interspersed fixed-layout pagespage-blanche-20120314.epubfixed layout document, using XHTML spine items that embed bitmaps
  39. 39. EPUB3技術解説セミナー1EPUB3固定レイアウトのサンプル
  40. 40. EPUB3技術解説セミナー1
  41. 41. IDPF - EPUB 3 Fixed-Layout Documents EPUB 3Fixed-Layout Documents http://idpf.org/epub/fxl/
  42. 42. IDPF - EPUB 3 Fixed-Layout Documents EPUB 3 Fixed-Layout Documents・IDPFの情報文書(Informational Document)・IDPF EPUB working group が作成・2012年3月13日、IDPF 理事会によって承認
  43. 43. IDPF - EPUB 3 Fixed-Layout DocumentsEditors:Markus Gylling - IDPF マーカス・ギリングDave Cramer - Hachette デイヴ・クレイマー
  44. 44. IDPF - EPUB 3 Fixed-Layout DocumentsAuthors: Takeshi Kanai (Sony) ソニー Peter Sorotokin (Adobe) アドビ Roger Webster (Barnes & Noble) バーンズ & ノーブル James Lester (Barnes & Noble) バーンズ & ノーブル Brady Kroupa (Barnes & Noble) バーンズ & ノーブル Garth Conboy (Google) グーグル Brady Duga (Google) グーグル MURATA Makoto (JEPA) ジェパ Edward O Connor (Apple) アップル Luc Audrain (Hachette Livre) アシェット・リーブル Hadrien Gardeur (Feedbooks) フィードブックス
  45. 45. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents 2 1 3
  46. 46. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents 対応付け 機能 領域
  47. 47. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
  48. 48. IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義Property Definitions・rendition:layout プロパティ・rendition:orientation プロパティ・rendition:spread プロパティ・page-spread-* プロパティ
  49. 49. IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義Property Definitions・リフロー/ページ区切りの指定・スクリーンの方向(縦・横)・見開きの指定・見開きの配置指定(左・右・中央)
  50. 50. IDPF - EPUB 3 Fixed-Layout Documents Prefixマッピング Prefix Mapping prefix属性で URI http://www.idpf.org/vocab/rendition/# にマッピング<package …prefix="rendition: http://www.idpf.org/vocab/rendition/#"></package>
  51. 51. IDPF - EPUB 3 Fixed-Layout Documents コンテント・ディメンションズ Content dimensions meta要素のviewportで指定<head><meta name="viewport" content="width=1200, height=600" /></head><head><meta name="viewport" content="width=512, height=600" /></head>
  52. 52. IDPF - EPUB 3 Fixed-Layout Documentsコンテント・ディメンションズContent dimensionsmeta要素のviewportで指定PrefixマッピングPrefix Mappingprefix属性で URIhttp://www.idpf.org/vocab/rendition/# にマッピングプロパティの定義Property Definitions
  53. 53. IDPF - EPUB 3 Fixed-Layout Documentsコンテント・ディメンションズ XHTMLContent dimensionsmeta要素のviewportで指定Prefixマッピング パッケージドキュメントPrefix Mappingprefix属性で URIhttp://www.idpf.org/vocab/rendition/# にマッピングプロパティの定義 パッケージドキュメントProperty Definitions
  54. 54. IDPF - EPUB 3 Fixed-Layout Documentsサンプルファイルを確認 epub-samples http://code.google.com/p/epub-samples/
  55. 55. IDPF - EPUB 3 Fixed-Layout Documents EPUB3固定レイアウトのサンプルharuko-html-jpeg-20120524.epubFixed layout manga, jpeg embedded in xhtmlharuko-jpeg-20120524.epubFixed layout manga, jpeg directly in the spinesous-le-vent_svg-in-spine-20120418.epubfixed-layout document, using SVG in spinesvg-in-spine-20120417.epubfixed-layout document, using SVG in spinesous-le-vent-20120403.epubfixed-layout document, using SVG embedded in XHTMLcole-voyage-of-life-20120320.epubreflowable content with interspersed fixed-layout pagespage-blanche-20120314.epubfixed layout document, using XHTML spine items that embed bitmaps
  56. 56. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  57. 57. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub 解凍
  58. 58. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  59. 59. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  60. 60. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub Image
  61. 61. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub Text
  62. 62. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub Style
  63. 63. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  64. 64. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  65. 65. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
  66. 66. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  67. 67. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubコンテンツキュメント(.xhtml)
  68. 68. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub 6ページ目のXHTMLファイル
  69. 69. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub 1200 1577px
  70. 70. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
  71. 71. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
  72. 72. IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義 Property Definitions
  73. 73. IDPF - EPUB 3 Fixed-Layout Documentsrendition:layout プロパティリフロー/ページ区切りの指定
  74. 74. IDPF - EPUB 3 Fixed-Layout Documents rendition:layout プロパティ・reflowable(リフロー)・pre-paginated(ページ区切り)
  75. 75. IDPF - EPUB 3 Fixed-Layout Documents rendition:layout プロパティ ・reflowable(リフロー) ・pre-paginated(ページ区切り)<meta property="rendition:layout">reflowable</meta><meta property="rendition:layout">pre-paginated</meta>
  76. 76. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  77. 77. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  78. 78. IDPF - EPUB 3 Fixed-Layout Documentsrendition:orientation プロパティ スクリーンの方向(縦・横)
  79. 79. IDPF - EPUB 3 Fixed-Layout Documentsrendition:orientation プロパティ・landscape(横方向)・portrait(縦方向)・auto(制限なし)
  80. 80. IDPF - EPUB 3 Fixed-Layout Documents rendition:orientation プロパティ ・landscape(横方向) ・portrait(縦方向) ・auto(制限なし)<meta property="rendition:orientation">landscape</meta><meta property="rendition:orientation">portrait</meta>
  81. 81. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  82. 82. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  83. 83. IDPF - EPUB 3 Fixed-Layout Documentsrendition:spread プロパティ 見開きの指定
  84. 84. IDPF - EPUB 3 Fixed-Layout Documentsrendition:spread プロパティ・none・landscape(横方向のみ)・portrait(縦方向のみ)・both(横方向・縦方向)・auto(制限なし)
  85. 85. IDPF - EPUB 3 Fixed-Layout Documents rendition:spread プロパティ<meta property="rendition:spread">landscape</meta><meta property="rendition:spread">portrait</meta><meta property="rendition:spread">both</meta>
  86. 86. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  87. 87. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  88. 88. IDPF - EPUB 3 Fixed-Layout Documents
  89. 89. IDPF - EPUB 3 Fixed-Layout Documents
  90. 90. IDPF - EPUB 3 Fixed-Layout Documents
  91. 91. IDPF - EPUB 3 Fixed-Layout Documents Double Pages
  92. 92. IDPF - EPUB 3 Fixed-Layout Documents
  93. 93. IDPF - EPUB 3 Fixed-Layout Documents例:ランドスケープモード(横向き)にすると見開きで表示される
  94. 94. IDPF - EPUB 3 Fixed-Layout Documents例:ランドスケープモード(横向き)にすると見開きで表示されるランドスケープモード(横向き)では、見開きではなく、シングルページの拡大表示で読みたい、という読者もいる
  95. 95. IDPF - EPUB 3 Fixed-Layout Documents読者が、シングルページ、ダブルページ(見開き)を自由に選択できたほうがよい場合もある
  96. 96. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ見開きの配置指定(左・右・中央)
  97. 97. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ・page-spread-left プロパティ(左側に配置)・page-spread-right プロパティ(右側に配置)・rendition:page-spread-center(中央に配置)
  98. 98. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/>
  99. 99. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/> タイトルページは右側に配置する
  100. 100. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/>spine itemref要素でこのように指定してもよい
  101. 101. IDPF - EPUB 3 Fixed-Layout Documents 補足<meta property="rendition:layout">pre-paginated</meta><itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/>
  102. 102. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents Appendix A. Examples http://idpf.org/epub/fxl/#examples
  103. 103. IDPF - EPUB 3 Fixed-Layout Documents Example 1・固定レイアウト・横向きでは合成された見開き・縦向きでは見開きにしない
  104. 104. IDPF - EPUB 3 Fixed-Layout Documents Example 1
  105. 105. IDPF - EPUB 3 Fixed-Layout Documents Example 2・固定レイアウト・合成された見開きにしない・横向きで固定
  106. 106. IDPF - EPUB 3 Fixed-Layout Documents Example 2
  107. 107. IDPF - EPUB 3 Fixed-Layout Documents Example 3・リフローのコンテンツ・タイトルページだけ固定レイアウト・合成された見開きを表示するときは 右側に配置
  108. 108. IDPF - EPUB 3 Fixed-Layout Documents Example 3
  109. 109. IDPF - EPUB 3 Fixed-Layout Documents Example 5・リフローのコンテンツ・固定レイアウトの 右配置ページと左配置ページを 合成された見開きページとして表示・リフローのページも見開き表示のまま
  110. 110. IDPF - EPUB 3 Fixed-Layout Documents Example 5
  111. 111. IDPF - EPUB 3 Fixed-Layout Documents Example 7・固定レイアウト・横向きでは合成された見開き・縦向きでは見開きにしない・進行方向は右から左(日本のマンガ)
  112. 112. IDPF - EPUB 3 Fixed-Layout Documents Example 7
  113. 113. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents 復習
  114. 114. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents 対応付け 機能 領域
  115. 115. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
  116. 116. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  117. 117. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  118. 118. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  119. 119. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  120. 120. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubコンテンツキュメント(.xhtml)
  121. 121. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub XHTMLファイル
  122. 122. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub 貼付ける画像の準備
  123. 123. EPUB3技術解説セミナー1 Readiumで確認
  124. 124. IDPF - EPUB 3 Fixed-Layout Documents
  125. 125. IDPF - EPUB 3 Fixed-Layout Documents
  126. 126. EPUB3技術解説セミナー1本日、2つ目のテーマ: 固定レイアウト フォント埋め込み ウェブフォント
  127. 127. IDPF - EPUB 3 Fixed-Layout Documents フォント埋め込みFont embedding ウェブフォント Web Fonts
  128. 128. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ OpenTypeフォント application/vnd.ms-opentype WOFFフォント application/font-woff
  129. 129. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォント
  130. 130. IDPF - EPUB 3 Fixed-Layout Documents OSB フォント コンテンツ リーディング (電子書籍) システム フォントなし フォントなし
  131. 131. IDPF - EPUB 3 Fixed-Layout Documents OSC フォント コンテンツ リーディング (電子書籍) システム フォント フォントなし
  132. 132. IDPF - EPUB 3 Fixed-Layout Documents OSD フォント コンテンツ リーディング (電子書籍) システム フォント フォント
  133. 133. IDPF - EPUB 3 Fixed-Layout Documents 2Dfacto honto ビューアアプリ
  134. 134. IDPF - EPUB 3 Fixed-Layout Documents 2Dfacto honto ビューアアプリ
  135. 135. IDPF - EPUB 3 Fixed-Layout Documents
  136. 136. IDPF - EPUB 3 Fixed-Layout Documentsデバイス インストールフォント フォント
  137. 137. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォント
  138. 138. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android ※EPUBは簡易対応
  139. 139. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android
  140. 140. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android
  141. 141. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android
  142. 142. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android
  143. 143. IDPF - EPUB 3 Fixed-Layout Documentsデバイス インストールフォント フォント
  144. 144. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォント
  145. 145. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォントなし
  146. 146. IDPF - EPUB 3 Fixed-Layout DocumentsiPadで使用できるフォント iOS5 ※リーディングシステムによっては表示できないので検証必須
  147. 147. IDPF - EPUB 3 Fixed-Layout Documents
  148. 148. IDPF - EPUB 3 Fixed-Layout Documents 中国語
  149. 149. IDPF - EPUB 3 Fixed-Layout Documents日本語
  150. 150. IDPF - EPUB 3 Fixed-Layout Documents
  151. 151. IDPF - EPUB 3 Fixed-Layout Documents iOS Fonts http://iosfonts.com/
  152. 152. IDPF - EPUB 3 Fixed-Layout Documents OSB フォント コンテンツ リーディング (電子書籍) システム フォントなし フォントなし
  153. 153. IDPF - EPUB 3 Fixed-Layout Documents font-familyp{ font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;}
  154. 154. IDPF - EPUB 3 Fixed-Layout Documents
  155. 155. IDPF - EPUB 3 Fixed-Layout Documents iBooks iOS WebKitヒラギノ明朝 ProN W3
  156. 156. IDPF - EPUB 3 Fixed-Layout Documents iBooks iOS WebKitヒラギノ明朝 ProN W3
  157. 157. IDPF - EPUB 3 Fixed-Layout Documents iBooks iOS WebKitヒラギノ明朝 ProN W3
  158. 158. IDPF - EPUB 3 Fixed-Layout Documents
  159. 159. IDPF - EPUB 3 Fixed-Layout Documents
  160. 160. IDPF - EPUB 3 Fixed-Layout Documents デフォルト ヒラギノ明朝 ProN W3
  161. 161. IDPF - EPUB 3 Fixed-Layout Documents
  162. 162. IDPF - EPUB 3 Fixed-Layout Documents
  163. 163. IDPF - EPUB 3 Fixed-Layout Documentscom.apple.ibooks.display-options.xml
  164. 164. IDPF - EPUB 3 Fixed-Layout Documentscom.apple.ibooks.display-options.xml iBooks
  165. 165. IDPF - EPUB 3 Fixed-Layout Documents 参考情報Mac OS XとiOSでは表示が一部異なる ・指定なし:  Mac OS X[明朝]/iPad[明朝] ・serif:  Mac OS X[明朝]/iPad[ゴシック] ・ヒラギノ明朝 ProN:  Mac OS X[明朝]/iPad[ゴシック] ・Hiragino Mincho ProN:  Mac OS X[明朝]/iPad[明朝]
  166. 166. IDPF - EPUB 3 Fixed-Layout Documents
  167. 167. IDPF - EPUB 3 Fixed-Layout Documents
  168. 168. IDPF - EPUB 3 Fixed-Layout Documents OSC フォント コンテンツ リーディング (電子書籍) システム フォント フォントなし
  169. 169. IDPF - EPUB 3 Fixed-Layout Documents OSD フォント コンテンツ リーディング (電子書籍) システム フォント フォント
  170. 170. IDPF - EPUB 3 Fixed-Layout Documents フォント埋め込みFont embedding
  171. 171. IDPF - EPUB 3 Fixed-Layout Documents Adobe Digital Editions 1.8
  172. 172. IDPF - EPUB 3 Fixed-Layout Documents iBooks iOS WebKit
  173. 173. IDPF - EPUB 3 Fixed-Layout Documents
  174. 174. IDPF - EPUB 3 Fixed-Layout Documents DL Reader iOS WebKit
  175. 175. IDPF - EPUB 3 Fixed-Layout Documents Kinoppy iOS WebKit
  176. 176. IDPF - EPUB 3 Fixed-Layout Documents
  177. 177. IDPF - EPUB 3 Fixed-Layout Documents サンプルの場合TrueType
  178. 178. IDPF - EPUB 3 Fixed-Layout Documents@font-face { font-family: Prophecy Script; font-style: normal; font-weight: normal; src:url("Fonts/Prophecy_Script.ttf");}p.letter { font-family: "Prophecy Script";}
  179. 179. IDPF - EPUB 3 Fixed-Layout Documentsp.letter { font-family: "Prophecy Script";}<p class="letter">Dear sir I received your letter and Iam sorry that I can not comply withyour wishes ....</p>
  180. 180. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ OpenTypeフォント application/vnd.ms-opentype WOFFフォント application/font-woff
  181. 181. EPUB3技術解説セミナー1公開されているEPUB3固定レイアウトのサンプル epub-samples http://code.google.com/p/epub-samples/ ダウンロードリスト http://code.google.com/p/epub-samples/downloads/list
  182. 182. EPUB3技術解説セミナー1wasteland-woff-20120118.epub
  183. 183. EPUB3技術解説セミナー1
  184. 184. EPUB3技術解説セミナー1
  185. 185. EPUB3技術解説セミナー1 スタイルシート@font-face { font-family: OldStandard; font-weight: normal; font-style: normal; src:url(OldStandard-Regular.woff) format(woff);}body { font-family: OldStandard, sans-serif;}
  186. 186. EPUB3技術解説セミナー1 スタイルシート@font-face { font-family: OldStandard; font-weight: normal; font-style: normal; src:url(OldStandard-Regular.woff) format(woff);}body { font-family: OldStandard, sans-serif;} fallback
  187. 187. EPUB3技術解説セミナー1 パッケージドキュメント(.opf)<manifest><item id="font.OldStandard.regular"href="OldStandard-Regular.woff"media-type="application/font-woff"/></manifest>
  188. 188. EPUB3技術解説セミナー1 パッケージドキュメント(.opf)<manifest><item id="font.OldStandard.regular" href="OldStandard-Regular.woff"media-type="application/font-woff"/><item id="font.OldStandard.italic" href="OldStandard-Italic.woff"media-type="application/font-woff"/><item id="font.OldStandard.bold" href="OldStandard-Bold.woff"media-type="application/font-woff"/></manifest>
  189. 189. EPUB3技術解説セミナー1
  190. 190. EPUB3技術解説セミナー1流用を防止するための「難読化」 EPUB Open Container Format (OCF) 3.0 5 Font Obfuscation(フォントの難読化) http://idpf.org/epub/30/spec/epub30-ocf.html#font-obfuscation
  191. 191. EPUB3技術解説セミナー1 EPUBオーサリングソフト 「Sigil」はフォントデータの 難読化をサポート
  192. 192. EPUB3技術解説セミナー1 フォント難読化
  193. 193. EPUB3技術解説セミナー1 encryption.xml
  194. 194. IDPF - EPUB 3 Fixed-Layout Documents フォント埋め込み Font embedding 復習
  195. 195. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォント
  196. 196. IDPF - EPUB 3 Fixed-Layout Documents OSB フォント コンテンツ リーディング (電子書籍) システム フォントなし フォントなし
  197. 197. IDPF - EPUB 3 Fixed-Layout Documents OSC フォント コンテンツ リーディング (電子書籍) システム フォント フォントなし
  198. 198. IDPF - EPUB 3 Fixed-Layout Documents OSD フォント コンテンツ リーディング (電子書籍) システム フォント フォント
  199. 199. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ OpenTypeフォント application/vnd.ms-opentype WOFFフォント application/font-woff
  200. 200. IDPF - EPUB 3 Fixed-Layout Documents日本語フォント埋め込みの注意点 フォントの権利処理EPUBファイルの肥大化
  201. 201. EPUB3技術解説セミナー1本日のテーマ: 固定レイアウト フォント埋め込み ウェブフォント
  202. 202. EPUB3の最新情報はIDPFのサイトで確認してください http://idpf.org/
  203. 203. Thank you for your attention. ご清聴ありがとうございました
  204. 204. EPUB3技術解説セミナー1固定レイアウト/フォント埋め込み/ウェブフォント 2012年6月7日(木)15:00-16:40 境祐司 @commonstyle ¦ 電子書籍メディア論
  205. 205. community 電子書籍メデ ア論 ィ http://www.facebook.com/eBookStrategy デザインの未来http://www.facebook.com/TheFutureDesign
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×