20120607_openend_ebookpro_mediverse_EPUB3_FixedLayout_FontEmb

3,042 views
3,006 views

Published on

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

No Downloads
Views
Total views
3,042
On SlideShare
0
From Embeds
0
Number of Embeds
1,848
Actions
Shares
0
Downloads
33
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×