20120607_openend_ebookpro_mediverse_EPUB3_FixedLayout_FontEmb_ver2

  • 1,361 views
Uploaded on

 

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,361
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
16
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. EPUB3技術解説セミナー1固定レイアウト/フォント埋め込み/ウェブフォント 2012年6月7日(木)15:00-16:40 境祐司 @commonstyle ¦ 電子書籍メディア論
  • 2. profile YOUJI SAKAIInstructional Designer | eBook Designer 境祐司
  • 3. BOOKS 最新刊ウェブレイアウトの EPUB3スタンダード Webデザイン基礎 教科書 デザインガイド 改訂3版
  • 4. community 電子書籍メデ ア論 ィ http://www.facebook.com/eBookStrategy デザインの未来http://www.facebook.com/TheFutureDesign
  • 5. テキスト
  • 6. EPUB3技術解説セミナー1本日のテーマ: 固定レイアウト フォント埋め込み ウェブフォント
  • 7. EPUB3技術解説セミナー1固定レイアウトFixed-Layout
  • 8. Fixed-Layoutテキストや図版を 画像化した 絶対配置 紙面を配置
  • 9. Fixed-Layout テキストや図版を絶対配置・座標値を指定してテキストや図版を配置する方法・文字サイズは固定されているものが多い リーディングシステム側で文字サイズの変更ができない・電子書籍のデータサイズは、 リフロー形式の電子書籍とあまり変わらない・テキストの選択や本文検索などは実行できる
  • 10. Fixed-Layout iPad at Work Volume 2 Apple iBookstore
  • 11. Fixed-Layout iPad at Work Volume 2 Apple iBookstore
  • 12. Fixed-Layout 画像化した紙面を配置・DTPデータからイメージ変換する方法・もしくは、印刷物を取り込み、補正する方法・コミックや写真集、絵本などは、JPEG、PNGなどの ラスターグラフィックスが多い・雑誌や凝ったレイアウトの実用書などは、PDFが多い・リフロー形式やテキストや図版を絶対配置する方式と 比較した場合、データサイズが大きくなってしまう
  • 13. Fixed-Layout .net Apple Newsstand インタラクティブ レプリカ
  • 14. Fixed-Layout Countrys Best Cabins Amazon Kindle Store プリントレプリカ
  • 15. Fixed-LayoutThere Was an Old Monkey Who Swallowed a FrogAmazon Kindle Store 固定レイアウト(Kindle Format 8)
  • 16. Fixed-Layout 画像化した紙面を配置・DTPデータからイメージ変換する方法・もしくは、印刷物を取り込み、補正する方法・コミックや写真集、絵本などは、JPEG、PNGなどの ラスターグラフィックスが多い・雑誌や凝ったレイアウトの実用書などは、PDFが多い・リフロー形式やテキストや図版を絶対配置する方式と 比較した場合、データサイズが大きくなってしまう
  • 17. Fixed-Layoutテキストや図版を 画像化した 絶対配置 紙面を配置
  • 18. Fixed-Layoutテキストや図版を 画像化した 絶対配置 紙面を配置
  • 19. EPUB3技術解説セミナー1固定レイアウトの検証環境
  • 20. EPUB3技術解説セミナー1 Readium Version 0.3.2 http://readium.org/6月2日リリースのバージョン/Chrome 19.0.1084.54(2012.6.7現在)
  • 21. EPUB3技術解説セミナー1
  • 22. EPUB3技術解説セミナー1
  • 23. EPUB3技術解説セミナー1about:flags
  • 24. EPUB3技術解説セミナー1
  • 25. EPUB3技術解説セミナー1 CSS領域を有効にする 「有効にする」をクリック
  • 26. EPUB3技術解説セミナー1 「今すぐ再起動」をクリック
  • 27. EPUB3技術解説セミナー1
  • 28. EPUB3技術解説セミナー1
  • 29. EPUB3技術解説セミナー1
  • 30. EPUB3技術解説セミナー1
  • 31. EPUB3技術解説セミナー1
  • 32. EPUB3技術解説セミナー1
  • 33. EPUB3技術解説セミナー1 Readium mobile Chrome for Android 4.0 http://github.readium.org/
  • 34. EPUB3技術解説セミナー1 Readium mobile Chrome for Android 4.0 http://github.readium.org/
  • 35. EPUB3技術解説セミナー1公開されているEPUB3固定レイアウトのサンプル epub-samples http://code.google.com/p/epub-samples/ ダウンロードリスト http://code.google.com/p/epub-samples/downloads/list
  • 36. EPUB3技術解説セミナー1
  • 37. EPUB3技術解説セミナー1
  • 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. EPUB3技術解説セミナー1EPUB3固定レイアウトのサンプル
  • 40. EPUB3技術解説セミナー1
  • 41. IDPF - EPUB 3 Fixed-Layout Documents EPUB 3Fixed-Layout Documents http://idpf.org/epub/fxl/
  • 42. IDPF - EPUB 3 Fixed-Layout Documents EPUB 3 Fixed-Layout Documents・IDPFの情報文書(Informational Document)・IDPF EPUB working group が作成・2012年3月13日、IDPF 理事会によって承認
  • 43. IDPF - EPUB 3 Fixed-Layout DocumentsEditors:Markus Gylling - IDPF マーカス・ギリングDave Cramer - Hachette デイヴ・クレイマー
  • 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. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents 2 1 3
  • 46. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents 対応付け 機能 領域
  • 47. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
  • 48. IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義Property Definitions・rendition:layout プロパティ・rendition:orientation プロパティ・rendition:spread プロパティ・page-spread-* プロパティ
  • 49. IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義Property Definitions・リフロー/ページ区切りの指定・スクリーンの方向(縦・横)・見開きの指定・見開きの配置指定(左・右・中央)
  • 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. 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. IDPF - EPUB 3 Fixed-Layout Documentsコンテント・ディメンションズContent dimensionsmeta要素のviewportで指定PrefixマッピングPrefix Mappingprefix属性で URIhttp://www.idpf.org/vocab/rendition/# にマッピングプロパティの定義Property Definitions
  • 53. IDPF - EPUB 3 Fixed-Layout Documentsコンテント・ディメンションズ XHTMLContent dimensionsmeta要素のviewportで指定Prefixマッピング パッケージドキュメントPrefix Mappingprefix属性で URIhttp://www.idpf.org/vocab/rendition/# にマッピングプロパティの定義 パッケージドキュメントProperty Definitions
  • 54. IDPF - EPUB 3 Fixed-Layout Documentsサンプルファイルを確認 epub-samples http://code.google.com/p/epub-samples/
  • 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. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 57. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub 解凍
  • 58. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 59. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 60. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub Image
  • 61. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub Text
  • 62. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub Style
  • 63. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  • 64. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 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. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 67. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubコンテンツキュメント(.xhtml)
  • 68. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub 6ページ目のXHTMLファイル
  • 69. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub 1200 1577px
  • 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. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
  • 72. IDPF - EPUB 3 Fixed-Layout Documentsプロパティの定義 Property Definitions
  • 73. IDPF - EPUB 3 Fixed-Layout Documentsrendition:layout プロパティリフロー/ページ区切りの指定
  • 74. IDPF - EPUB 3 Fixed-Layout Documents rendition:layout プロパティ・reflowable(リフロー)・pre-paginated(ページ区切り)
  • 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. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  • 77. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 78. IDPF - EPUB 3 Fixed-Layout Documentsrendition:orientation プロパティ スクリーンの方向(縦・横)
  • 79. IDPF - EPUB 3 Fixed-Layout Documentsrendition:orientation プロパティ・landscape(横方向)・portrait(縦方向)・auto(制限なし)
  • 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. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  • 82. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 83. IDPF - EPUB 3 Fixed-Layout Documentsrendition:spread プロパティ 見開きの指定
  • 84. IDPF - EPUB 3 Fixed-Layout Documentsrendition:spread プロパティ・none・landscape(横方向のみ)・portrait(縦方向のみ)・both(横方向・縦方向)・auto(制限なし)
  • 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. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  • 87. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 88. IDPF - EPUB 3 Fixed-Layout Documents
  • 89. IDPF - EPUB 3 Fixed-Layout Documents
  • 90. IDPF - EPUB 3 Fixed-Layout Documents
  • 91. IDPF - EPUB 3 Fixed-Layout Documents Double Pages
  • 92. IDPF - EPUB 3 Fixed-Layout Documents
  • 93. IDPF - EPUB 3 Fixed-Layout Documents例:ランドスケープモード(横向き)にすると見開きで表示される
  • 94. IDPF - EPUB 3 Fixed-Layout Documents例:ランドスケープモード(横向き)にすると見開きで表示されるランドスケープモード(横向き)では、見開きではなく、シングルページの拡大表示で読みたい、という読者もいる
  • 95. IDPF - EPUB 3 Fixed-Layout Documents読者が、シングルページ、ダブルページ(見開き)を自由に選択できたほうがよい場合もある
  • 96. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ見開きの配置指定(左・右・中央)
  • 97. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ・page-spread-left プロパティ(左側に配置)・page-spread-right プロパティ(右側に配置)・rendition:page-spread-center(中央に配置)
  • 98. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/>
  • 99. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/> タイトルページは右側に配置する
  • 100. IDPF - EPUB 3 Fixed-Layout Documents page-spread-* プロパティ<itemref id="titlepage"properties="page-spread-rightrendition:layout-pre-paginated"/>spine itemref要素でこのように指定してもよい
  • 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. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents Appendix A. Examples http://idpf.org/epub/fxl/#examples
  • 103. IDPF - EPUB 3 Fixed-Layout Documents Example 1・固定レイアウト・横向きでは合成された見開き・縦向きでは見開きにしない
  • 104. IDPF - EPUB 3 Fixed-Layout Documents Example 1
  • 105. IDPF - EPUB 3 Fixed-Layout Documents Example 2・固定レイアウト・合成された見開きにしない・横向きで固定
  • 106. IDPF - EPUB 3 Fixed-Layout Documents Example 2
  • 107. IDPF - EPUB 3 Fixed-Layout Documents Example 3・リフローのコンテンツ・タイトルページだけ固定レイアウト・合成された見開きを表示するときは 右側に配置
  • 108. IDPF - EPUB 3 Fixed-Layout Documents Example 3
  • 109. IDPF - EPUB 3 Fixed-Layout Documents Example 5・リフローのコンテンツ・固定レイアウトの 右配置ページと左配置ページを 合成された見開きページとして表示・リフローのページも見開き表示のまま
  • 110. IDPF - EPUB 3 Fixed-Layout Documents Example 5
  • 111. IDPF - EPUB 3 Fixed-Layout Documents Example 7・固定レイアウト・横向きでは合成された見開き・縦向きでは見開きにしない・進行方向は右から左(日本のマンガ)
  • 112. IDPF - EPUB 3 Fixed-Layout Documents Example 7
  • 113. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents 復習
  • 114. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documents 対応付け 機能 領域
  • 115. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3 Fixed-Layout Documentsプロパティ Prefixマッピング・rendition:layout・rendition:orientation コンテント・rendition:spread ディメンションズ・page-spread-*
  • 116. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubパッケージドキュメント(.opf)
  • 117. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 118. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 119. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub
  • 120. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epubコンテンツキュメント(.xhtml)
  • 121. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub XHTMLファイル
  • 122. IDPF - EPUB 3 Fixed-Layout Documents page-blanche-20120314.epub 貼付ける画像の準備
  • 123. EPUB3技術解説セミナー1 Readiumで確認
  • 124. IDPF - EPUB 3 Fixed-Layout Documents
  • 125. IDPF - EPUB 3 Fixed-Layout Documents
  • 126. EPUB3技術解説セミナー1本日、2つ目のテーマ: 固定レイアウト フォント埋め込み ウェブフォント
  • 127. IDPF - EPUB 3 Fixed-Layout Documents フォント埋め込みFont embedding ウェブフォント Web Fonts
  • 128. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ OpenTypeフォント application/vnd.ms-opentype WOFFフォント application/font-woff
  • 129. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォント
  • 130. IDPF - EPUB 3 Fixed-Layout Documents OSB フォント コンテンツ リーディング (電子書籍) システム フォントなし フォントなし
  • 131. IDPF - EPUB 3 Fixed-Layout Documents OSC フォント コンテンツ リーディング (電子書籍) システム フォント フォントなし
  • 132. IDPF - EPUB 3 Fixed-Layout Documents OSD フォント コンテンツ リーディング (電子書籍) システム フォント フォント
  • 133. IDPF - EPUB 3 Fixed-Layout Documents GALAPAGOS STORE ビューアアプリ
  • 134. IDPF - EPUB 3 Fixed-Layout Documents GALAPAGOS STORE ビューアアプリ
  • 135. IDPF - EPUB 3 Fixed-Layout Documents
  • 136. IDPF - EPUB 3 Fixed-Layout Documentsデバイス インストールフォント フォント
  • 137. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォント
  • 138. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android ※EPUBは簡易対応
  • 139. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android
  • 140. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android
  • 141. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android
  • 142. IDPF - EPUB 3 Fixed-Layout Documents 縦書きビューワ for Android
  • 143. IDPF - EPUB 3 Fixed-Layout Documentsデバイス インストールフォント フォント
  • 144. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォント
  • 145. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォントなし
  • 146. IDPF - EPUB 3 Fixed-Layout DocumentsiPadで使用できるフォント iOS5 ※リーディングシステムによっては表示できないので検証必須
  • 147. IDPF - EPUB 3 Fixed-Layout Documents
  • 148. IDPF - EPUB 3 Fixed-Layout Documents 中国語
  • 149. IDPF - EPUB 3 Fixed-Layout Documents日本語
  • 150. IDPF - EPUB 3 Fixed-Layout Documents
  • 151. IDPF - EPUB 3 Fixed-Layout Documents iOS Fonts http://iosfonts.com/
  • 152. IDPF - EPUB 3 Fixed-Layout Documents OSB フォント コンテンツ リーディング (電子書籍) システム フォントなし フォントなし
  • 153. IDPF - EPUB 3 Fixed-Layout Documents font-familyp{ font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", serif;}
  • 154. IDPF - EPUB 3 Fixed-Layout Documents
  • 155. IDPF - EPUB 3 Fixed-Layout Documents iBooks iOS WebKitヒラギノ明朝 ProN W3
  • 156. IDPF - EPUB 3 Fixed-Layout Documents iBooks iOS WebKitヒラギノ明朝 ProN W3
  • 157. IDPF - EPUB 3 Fixed-Layout Documents iBooks iOS WebKitヒラギノ明朝 ProN W3
  • 158. IDPF - EPUB 3 Fixed-Layout Documents
  • 159. IDPF - EPUB 3 Fixed-Layout Documents
  • 160. IDPF - EPUB 3 Fixed-Layout Documents デフォルト ヒラギノ明朝 ProN W3
  • 161. IDPF - EPUB 3 Fixed-Layout Documents
  • 162. IDPF - EPUB 3 Fixed-Layout Documents
  • 163. IDPF - EPUB 3 Fixed-Layout Documentscom.apple.ibooks.display-options.xml
  • 164. IDPF - EPUB 3 Fixed-Layout Documentscom.apple.ibooks.display-options.xml iBooks
  • 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. IDPF - EPUB 3 Fixed-Layout Documents
  • 167. IDPF - EPUB 3 Fixed-Layout Documents
  • 168. IDPF - EPUB 3 Fixed-Layout Documents OSC フォント コンテンツ リーディング (電子書籍) システム フォント フォントなし
  • 169. IDPF - EPUB 3 Fixed-Layout Documents OSD フォント コンテンツ リーディング (電子書籍) システム フォント フォント
  • 170. IDPF - EPUB 3 Fixed-Layout Documents フォント埋め込みFont embedding
  • 171. IDPF - EPUB 3 Fixed-Layout Documents Adobe Digital Editions 1.8sample;Pigs, Gourds, and Wikis: Embedding Fonts in EPUB- iPad, iPhone AND nookhttp://www.pigsgourdsandwikis.com/2011/04/embedding-fonts-in-epub-ipad-iphone-and.html
  • 172. IDPF - EPUB 3 Fixed-Layout Documents iBooks iOS WebKit
  • 173. IDPF - EPUB 3 Fixed-Layout Documents
  • 174. IDPF - EPUB 3 Fixed-Layout Documents DL Reader iOS WebKit
  • 175. IDPF - EPUB 3 Fixed-Layout Documents Kinoppy iOS WebKit
  • 176. IDPF - EPUB 3 Fixed-Layout Documents
  • 177. IDPF - EPUB 3 Fixed-Layout Documents サンプルの場合TrueType
  • 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. 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. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ OpenTypeフォント application/vnd.ms-opentype WOFFフォント application/font-woff
  • 181. EPUB3技術解説セミナー1公開されているEPUB3固定レイアウトのサンプル epub-samples http://code.google.com/p/epub-samples/ ダウンロードリスト http://code.google.com/p/epub-samples/downloads/list
  • 182. EPUB3技術解説セミナー1wasteland-woff-20120118.epub
  • 183. EPUB3技術解説セミナー1
  • 184. EPUB3技術解説セミナー1
  • 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. 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. EPUB3技術解説セミナー1 パッケージドキュメント(.opf)<manifest><item id="font.OldStandard.regular"href="OldStandard-Regular.woff"media-type="application/font-woff"/></manifest>
  • 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. EPUB3技術解説セミナー1
  • 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. EPUB3技術解説セミナー1 EPUBオーサリングソフト 「Sigil」はフォントデータの 難読化をサポート
  • 192. EPUB3技術解説セミナー1 フォント難読化
  • 193. EPUB3技術解説セミナー1 encryption.xml
  • 194. IDPF - EPUB 3 Fixed-Layout Documents フォント埋め込み Font embedding 復習
  • 195. IDPF - EPUB 3 Fixed-Layout Documents OSA フォント コンテンツ リーディング (電子書籍) システム フォントなし フォント
  • 196. IDPF - EPUB 3 Fixed-Layout Documents OSB フォント コンテンツ リーディング (電子書籍) システム フォントなし フォントなし
  • 197. IDPF - EPUB 3 Fixed-Layout Documents OSC フォント コンテンツ リーディング (電子書籍) システム フォント フォントなし
  • 198. IDPF - EPUB 3 Fixed-Layout Documents OSD フォント コンテンツ リーディング (電子書籍) システム フォント フォント
  • 199. IDPF - EPUB 3 Fixed-Layout DocumentsEPUB 3フォントのコアメディアタイプ OpenTypeフォント application/vnd.ms-opentype WOFFフォント application/font-woff
  • 200. IDPF - EPUB 3 Fixed-Layout Documents日本語フォント埋め込みの注意点 フォントの権利処理EPUBファイルの肥大化
  • 201. IDPF - EPUB 3 Fixed-Layout Documents追記: 6月12日にアップデートした 国産EPUBリーディングシステムの Himawari Reader Proが EPUB3 固定レイアウトの仕様を 実装しました。 http://bit.ly/I4hvbX
  • 202. EPUB3技術解説セミナー1本日のテーマ: 固定レイアウト フォント埋め込み ウェブフォント
  • 203. EPUB3の最新情報はIDPFのサイトで確認してください http://idpf.org/
  • 204. Thank you for your attention. ご清聴ありがとうございました
  • 205. EPUB3技術解説セミナー1固定レイアウト/フォント埋め込み/ウェブフォント 2012年6月7日(木)15:00-16:40 境祐司 @commonstyle ¦ 電子書籍メディア論
  • 206. community 電子書籍メデ ア論 ィ http://www.facebook.com/eBookStrategy デザインの未来http://www.facebook.com/TheFutureDesign