码迷,mamicode.com
首页 > 其他好文 > 详细

Hello , ePub ! —— 个人电子书制作规范及基本样式表

时间:2015-04-06 11:23:58      阅读:751      评论:0      收藏:0      [点我收藏+]

标签:

技术分享  随着大数据时代的到来,多种移动阅读终端方兴未艾 —— Amazon Kindle不再小众、各互联网巨头纷纷推出旗下的电子书阅读软件。有了阅读的软件/硬件支持,必不可少的就是阅读什么的问题了。ePub格式一直占据着广大电子书市场,多看、百度阅读等电子书市场所使用的格式都是它,人们也渐渐不满足于单纯的TXT文本阅读和质量低劣的扫描版PDF格式了。下面是我自己对ePub电子书制作的理念和规范。

  P.S.说什么规范其实也谈不上,也就是一些制作的风格与技巧。



封面


  这是个看颜的时代。

  封面图最好要是高清的,所谓高清,就是一定不能低于普通电子设备的分辨率(1024x768)。

  获取方法:

  Kindle 默认是图片全屏的→→,多看需要在 content.opf 的 <spine toc="ncx"> 加上

  1. properties="duokan-page-fullscreen"

基本样式


基本样式包括字体调用、全局页面设置,这里参考了精益制作组制作的《21世纪资本论》
  1. @page {
  2. margin-bottom: 5pt;
  3. margin-top: 5pt
  4. }
  5. @font-face {
  6. font-family: "zw";
  7. src:
  8. local("宋体"),local("明体"),local("明朝"),
  9. local("Songti"),local("Songti SC"),local("Songti TC"),
  10. local("Song S"),local("Song T"),local("STBShusong"),local("TBMincho"),local("HYMyeongJo"),
  11. local("DK-SONGTI"),
  12. url(../Fonts/zw.ttf),
  13. url(res:///opt/sony/ebook/FONT/zw.ttf),
  14. url(res:///Data/FONT/zw.ttf),
  15. url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
  16. url(res:///ebook/fonts/../../mnt/sdcard/fonts/zw.ttf),
  17. url(res:///ebook/fonts/../../mnt/extsd/fonts/zw.ttf),
  18. url(res:///ebook/fonts/zw.ttf),
  19. url(res:///ebook/fonts/DroidSansFallback.ttf),
  20. url(res:///fonts/ttf/zw.ttf),
  21. url(res:///../../media/mmcblk0p1/fonts/zw.ttf),
  22. url(file:///mnt/us/DK_System/system/fonts/zw.ttf),
  23. url(file:///mnt/us/DK_System/xKindle/res/userfonts/zw.ttf),
  24. url(res:///abook/fonts/zw.ttf),
  25. url(res:///system/fonts/zw.ttf),
  26. url(res:///system/media/sdcard/fonts/zw.ttf),
  27. url(res:///media/fonts/zw.ttf),
  28. url(res:///sdcard/fonts/zw.ttf),
  29. url(res:///system/fonts/DroidSansFallback.ttf),
  30. url(res:///mnt/MOVIFAT/font/zw.ttf),
  31. url(res:///media/flash/fonts/zw.ttf),
  32. url(res:///media/sd/fonts/zw.ttf),
  33. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  34. url(res:///../../fonts/zw.ttf),
  35. url(res:///../fonts/zw.ttf),
  36. url(../../../../../zw.ttf),
  37. url(res:///mnt/sdcard/fonts/zw.ttf),
  38. url(res:///fonts/zw.ttf),
  39. url(res:///../../../../Windows/fonts/zw.ttf),
  40. url(res:///fonts/normal/st),
  41. url(res:///fonts/normal/SongTi);
  42. }
  43. @font-face {
  44. font-family: "zw-himalaya";
  45. src:
  46. local("Himalaya"),
  47. local("DK-SONGTI"),
  48. url(../Fonts/zw-himalaya.ttf),
  49. url(res:///opt/sony/ebook/FONT/zw-himalaya.ttf),
  50. url(res:///Data/FONT/zw-himalaya.ttf),
  51. url(res:///opt/sony/ebook/FONT/zw-himalaya.ttf),
  52. url(res:///ebook/fonts/../../mnt/sdcard/fonts/zw-himalaya.ttf),
  53. url(res:///ebook/fonts/../../mnt/extsd/fonts/zw-himalaya.ttf),
  54. url(res:///ebook/fonts/zw-himalaya.ttf),
  55. url(res:///ebook/fonts/DroidSansFallback.ttf),
  56. url(res:///fonts/ttf/zw-himalaya.ttf),
  57. url(res:///../../media/mmcblk0p1/fonts/zw-himalaya.ttf),
  58. url(file:///mnt/us/DK_System/system/fonts/zw-himalaya.ttf),
  59. url(file:///mnt/us/DK_System/xKindle/res/userfonts/zw-himalaya.ttf),
  60. url(res:///abook/fonts/zw-himalaya.ttf),
  61. url(res:///system/fonts/zw-himalaya.ttf),
  62. url(res:///system/media/sdcard/fonts/zw-himalaya.ttf),
  63. url(res:///media/fonts/zw-himalaya.ttf),
  64. url(res:///sdcard/fonts/zw-himalaya.ttf),
  65. url(res:///system/fonts/DroidSansFallback.ttf),
  66. url(res:///mnt/MOVIFAT/font/zw-himalaya.ttf),
  67. url(res:///media/flash/fonts/zw-himalaya.ttf),
  68. url(res:///media/sd/fonts/zw-himalaya.ttf),
  69. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  70. url(res:///../../fonts/zw-himalaya.ttf),
  71. url(res:///../fonts/zw-himalaya.ttf),
  72. url(../../../../../zw-himalaya.ttf),
  73. url(res:///mnt/sdcard/fonts/zw-himalaya.ttf),
  74. url(res:///fonts/zw-himalaya.ttf),
  75. url(res:///../../../../Windows/fonts/zw-himalaya.ttf),
  76. url(res:///fonts/normal/zw-himalaya);
  77. }
  78. @font-face {
  79. font-family: "fs";
  80. src:
  81. local("仿宋"),local("仿宋_GB2312"),
  82. local("Yuanti"),local("Yuanti SC"),local("Yuanti TC"),
  83. local("DK-FANGSONG"),
  84. url(../Fonts/fs.ttf),
  85. url(res:///opt/sony/ebook/FONT/fs.ttf),
  86. url(res:///Data/FONT/fs.ttf),
  87. url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
  88. url(res:///ebook/fonts/../../mnt/sdcard/fonts/fs.ttf),
  89. url(res:///ebook/fonts/../../mnt/extsd/fonts/fs.ttf),
  90. url(res:///ebook/fonts/fs.ttf),
  91. url(res:///ebook/fonts/DroidSansFallback.ttf),
  92. url(res:///fonts/ttf/fs.ttf),
  93. url(res:///../../media/mmcblk0p1/fonts/fs.ttf),
  94. url(file:///mnt/us/DK_System/system/fonts/fs.ttf),
  95. url(file:///mnt/us/DK_System/xKindle/res/userfonts/fs.ttf),
  96. url(res:///abook/fonts/fs.ttf),
  97. url(res:///system/fonts/fs.ttf),
  98. url(res:///system/media/sdcard/fonts/fs.ttf),
  99. url(res:///media/fonts/fs.ttf),
  100. url(res:///sdcard/fonts/fs.ttf),
  101. url(res:///system/fonts/DroidSansFallback.ttf),
  102. url(res:///mnt/MOVIFAT/font/fs.ttf),
  103. url(res:///media/flash/fonts/fs.ttf),
  104. url(res:///media/sd/fonts/fs.ttf),
  105. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  106. url(res:///../../fonts/fs.ttf),
  107. url(res:///../fonts/fs.ttf),
  108. url(../../../../../fs.ttf),
  109. url(res:///mnt/sdcard/fonts/fs.ttf),
  110. url(res:///fonts/fs.ttf),
  111. url(res:///../../../../Windows/fonts/fs.ttf),
  112. url(res:///fonts/normal/fs),
  113. url(res:///fonts/normal/FangSong);
  114. }
  115. @font-face {
  116. font-family: "kt";
  117. src:
  118. local("楷体"),local("楷体_GB2312"),
  119. local("Kaiti"),local("Kaiti SC"),local("Kaiti TC"),
  120. local("MKai PRC"),local("MKaiGB18030C-Medium"),local("MKaiGB18030C-Bold"),
  121. local("DK-KAITI"),
  122. url(../Fonts/kt.ttf),
  123. url(res:///opt/sony/ebook/FONT/kt.ttf),
  124. url(res:///Data/FONT/kt.ttf),
  125. url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
  126. url(res:///ebook/fonts/../../mnt/sdcard/fonts/kt.ttf),
  127. url(res:///ebook/fonts/../../mnt/extsd/fonts/kt.ttf),
  128. url(res:///ebook/fonts/kt.ttf),
  129. url(res:///ebook/fonts/DroidSansFallback.ttf),
  130. url(res:///fonts/ttf/kt.ttf),
  131. url(res:///../../media/mmcblk0p1/fonts/kt.ttf),
  132. url(file:///mnt/us/DK_System/system/fonts/kt.ttf),
  133. url(file:///mnt/us/DK_System/xKindle/res/userfonts/kt.ttf),
  134. url(res:///abook/fonts/kt.ttf),
  135. url(res:///system/fonts/kt.ttf),
  136. url(res:///system/media/sdcard/fonts/kt.ttf),
  137. url(res:///media/fonts/kt.ttf),
  138. url(res:///sdcard/fonts/kt.ttf),
  139. url(res:///system/fonts/DroidSansFallback.ttf),
  140. url(res:///mnt/MOVIFAT/font/kt.ttf),
  141. url(res:///media/flash/fonts/kt.ttf),
  142. url(res:///media/sd/fonts/kt.ttf),
  143. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  144. url(res:///../../fonts/kt.ttf),
  145. url(res:///../fonts/kt.ttf),
  146. url(../../../../../kt.ttf),
  147. url(res:///mnt/sdcard/fonts/kt.ttf),
  148. url(res:///fonts/kt.ttf),
  149. url(res:///../../../../Windows/fonts/kt.ttf),
  150. url(res:///fonts/normal/kt),
  151. url(res:///fonts/normal/KaiTi);
  152. }
  153. @font-face {
  154. font-family: "ktpy";
  155. src:
  156. local("方正楷体拼音字库01"),
  157. local("Kaitipinyin"),local("Kaiti"),local("Kaiti SC"),local("Kaiti TC"),
  158. local("MKai PRC"),local("MKaiGB18030C-Medium"),local("MKaiGB18030C-Bold"),
  159. local("DK-KAITI"),
  160. url(../Fonts/ktpy.ttf),
  161. url(res:///opt/sony/ebook/FONT/ktpy.ttf),
  162. url(res:///Data/FONT/ktpy.ttf),
  163. url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
  164. url(res:///ebook/fonts/../../mnt/sdcard/fonts/ktpy.ttf),
  165. url(res:///ebook/fonts/../../mnt/extsd/fonts/ktpy.ttf),
  166. url(res:///ebook/fonts/ktpy.ttf),
  167. url(res:///ebook/fonts/DroidSansFallback.ttf),
  168. url(res:///fonts/ttf/ktpy.ttf),
  169. url(res:///../../media/mmcblk0p1/fonts/ktpy.ttf),
  170. url(file:///mnt/us/DK_System/system/fonts/ktpy.ttf),
  171. url(file:///mnt/us/DK_System/xKindle/res/userfonts/ktpy.ttf),
  172. url(res:///abook/fonts/ktpy.ttf),
  173. url(res:///system/fonts/ktpy.ttf),
  174. url(res:///system/media/sdcard/fonts/ktpy.ttf),
  175. url(res:///media/fonts/ktpy.ttf),
  176. url(res:///sdcard/fonts/ktpy.ttf),
  177. url(res:///system/fonts/DroidSansFallback.ttf),
  178. url(res:///mnt/MOVIFAT/font/ktpy.ttf),
  179. url(res:///media/flash/fonts/ktpy.ttf),
  180. url(res:///media/sd/fonts/ktpy.ttf),
  181. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  182. url(res:///../../fonts/ktpy.ttf),
  183. url(res:///../fonts/ktpy.ttf),
  184. url(../../../../../ktpy.ttf),
  185. url(res:///mnt/sdcard/fonts/ktpy.ttf),
  186. url(res:///fonts/ktpy.ttf),
  187. url(res:///../../../../Windows/fonts/ktpy.ttf),
  188. url(res:///fonts/normal/ktpy),
  189. url(res:///fonts/normal/kaitipinyin),
  190. url(res:///fonts/normal/KaiTiPinYin);
  191. }
  192. @font-face {
  193. font-family: "ht";
  194. src:
  195. local("微软雅黑"),local("黑体"),
  196. local("Heiti"),local("Heiti SC"),local("Heiti TC"),
  197. local("MYing Hei S"),local("MYing Hei T"),local("TBGothic"),
  198. local("DK-HEITI"),
  199. url(../Fonts/ht.ttf),
  200. url(res:///opt/sony/ebook/FONT/ht.ttf),
  201. url(res:///Data/FONT/ht.ttf),
  202. url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
  203. url(res:///ebook/fonts/../../mnt/sdcard/fonts/ht.ttf),
  204. url(res:///ebook/fonts/../../mnt/extsd/fonts/ht.ttf),
  205. url(res:///ebook/fonts/ht.ttf),
  206. url(res:///ebook/fonts/DroidSansFallback.ttf),
  207. url(res:///fonts/ttf/ht.ttf),
  208. url(res:///../../media/mmcblk0p1/fonts/ht.ttf),
  209. url(file:///mnt/us/DK_System/system/fonts/ht.ttf),
  210. url(file:///mnt/us/DK_System/xKindle/res/userfonts/ht.ttf),
  211. url(res:///abook/fonts/ht.ttf),
  212. url(res:///system/fonts/ht.ttf),
  213. url(res:///system/media/sdcard/fonts/ht.ttf),
  214. url(res:///media/fonts/ht.ttf),
  215. url(res:///sdcard/fonts/ht.ttf),
  216. url(res:///system/fonts/DroidSansFallback.ttf),
  217. url(res:///mnt/MOVIFAT/font/ht.ttf),
  218. url(res:///media/flash/fonts/ht.ttf),
  219. url(res:///media/sd/fonts/ht.ttf),
  220. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  221. url(res:///../../fonts/ht.ttf),
  222. url(res:///../fonts/ht.ttf),
  223. url(../../../../../ht.ttf),
  224. url(res:///mnt/sdcard/fonts/ht.ttf),
  225. url(res:///fonts/ht.ttf),
  226. url(res:///../../../../Windows/fonts/ht.ttf),
  227. url(res:///fonts/normal/ht),
  228. url(res:///fonts/normal/HeiTi);
  229. }
  230. @font-face {
  231. font-family: "h1";
  232. src:
  233. local("方正兰亭特黑长_GBK"),local("方正兰亭特黑长简体"),local("方正兰亭特黑长繁体"),
  234. local("LantingTeheichang"),
  235. local("Yuanti"),local("Yuanti SC"),local("Yuanti TC"),
  236. local("MYing Hei S"),local("MYing Hei T"),local("TBGothic"),
  237. local("DK-HEITI"),
  238. url(../Fonts/h1.ttf),
  239. url(res:///opt/sony/ebook/FONT/h1.ttf),
  240. url(res:///Data/FONT/h1.ttf),
  241. url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
  242. url(res:///ebook/fonts/../../mnt/sdcard/fonts/h1.ttf),
  243. url(res:///ebook/fonts/../../mnt/extsd/fonts/h1.ttf),
  244. url(res:///ebook/fonts/h1.ttf),
  245. url(res:///ebook/fonts/DroidSansFallback.ttf),
  246. url(res:///fonts/ttf/h1.ttf),
  247. url(res:///../../media/mmcblk0p1/fonts/h1.ttf),
  248. url(file:///mnt/us/DK_System/system/fonts/h1.ttf),
  249. url(file:///mnt/us/DK_System/xKindle/res/userfonts/h1.ttf),
  250. url(res:///abook/fonts/h1.ttf),
  251. url(res:///system/fonts/h1.ttf),
  252. url(res:///system/media/sdcard/fonts/h1.ttf),
  253. url(res:///media/fonts/h1.ttf),
  254. url(res:///sdcard/fonts/h1.ttf),
  255. url(res:///system/fonts/DroidSansFallback.ttf),
  256. url(res:///mnt/MOVIFAT/font/h1.ttf),
  257. url(res:///media/flash/fonts/h1.ttf),
  258. url(res:///media/sd/fonts/h1.ttf),
  259. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  260. url(res:///../../fonts/h1.ttf),
  261. url(res:///../fonts/h1.ttf),
  262. url(../../../../../h1.ttf),
  263. url(res:///mnt/sdcard/fonts/h1.ttf),
  264. url(res:///fonts/h1.ttf),
  265. url(res:///../../../../Windows/fonts/h1.ttf),
  266. url(‘res:///fonts/normal/h1‘),
  267. url(‘res:///fonts/normal/TeHeiChang‘),
  268. url(‘res:///fonts/normal/h1 TeHeiChang‘);
  269. }
  270. @font-face {
  271. font-family: "h2";
  272. src:
  273. local("方正大标宋_GBK"),local("方正大标宋简体"),local("方正大标宋繁体"),
  274. local("Dabiaosong"),
  275. local("DK-XIAOBIAOSONG"),
  276. url(../Fonts/h2.ttf),
  277. url(res:///opt/sony/ebook/FONT/h2.ttf),
  278. url(res:///Data/FONT/h2.ttf),
  279. url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
  280. url(res:///ebook/fonts/../../mnt/sdcard/fonts/h2.ttf),
  281. url(res:///ebook/fonts/../../mnt/extsd/fonts/h2.ttf),
  282. url(res:///ebook/fonts/h2.ttf),
  283. url(res:///ebook/fonts/DroidSansFallback.ttf),
  284. url(res:///fonts/ttf/h2.ttf),
  285. url(res:///../../media/mmcblk0p1/fonts/h2.ttf),
  286. url(file:///mnt/us/DK_System/system/fonts/h2.ttf),
  287. url(file:///mnt/us/DK_System/xKindle/res/userfonts/h2.ttf),
  288. url(res:///abook/fonts/h2.ttf),
  289. url(res:///system/fonts/h2.ttf),
  290. url(res:///system/media/sdcard/fonts/h2.ttf),
  291. url(res:///media/fonts/h2.ttf),
  292. url(res:///sdcard/fonts/h2.ttf),
  293. url(res:///system/fonts/DroidSansFallback.ttf),
  294. url(res:///mnt/MOVIFAT/font/h2.ttf),
  295. url(res:///media/flash/fonts/h2.ttf),
  296. url(res:///media/sd/fonts/h2.ttf),
  297. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  298. url(res:///../../fonts/h2.ttf),
  299. url(res:///../fonts/h2.ttf),
  300. url(../../../../../h2.ttf),
  301. url(res:///mnt/sdcard/fonts/h2.ttf),
  302. url(res:///fonts/h2.ttf),
  303. url(res:///../../../../Windows/fonts/h2.ttf),
  304. url(‘res:///fonts/normal/h2‘),
  305. url(‘res:///fonts/normal/DaBiaoSong‘),
  306. url(‘res:///fonts/normal/h2 DaBiaoSong‘);
  307. }
  308. @font-face {
  309. font-family: "h3";
  310. src:
  311. local("方正华隶_GBK"),local("方正行黑简体"),local("方正行黑繁体"),
  312. local("Yuanti"),local("Yuanti SC"),local("Yuanti TC"),
  313. local("MYing Hei S"),local("MYing Hei T"),local("TBGothic"),
  314. local("DK-FANGSONG"),
  315. url(../Fonts/h3.ttf),
  316. url(res:///opt/sony/ebook/FONT/h3.ttf),
  317. url(res:///Data/FONT/h3.ttf),
  318. url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
  319. url(res:///ebook/fonts/../../mnt/sdcard/fonts/h3.ttf),
  320. url(res:///ebook/fonts/../../mnt/extsd/fonts/h3.ttf),
  321. url(res:///ebook/fonts/h3.ttf),
  322. url(res:///ebook/fonts/DroidSansFallback.ttf),
  323. url(res:///fonts/ttf/h3.ttf),
  324. url(res:///../../media/mmcblk0p1/fonts/h3.ttf),
  325. url(file:///mnt/us/DK_System/system/fonts/h3.ttf),
  326. url(file:///mnt/us/DK_System/xKindle/res/userfonts/h3.ttf),
  327. url(res:///abook/fonts/h3.ttf),
  328. url(res:///system/fonts/h3.ttf),
  329. url(res:///system/media/sdcard/fonts/h3.ttf),
  330. url(res:///media/fonts/h3.ttf),
  331. url(res:///sdcard/fonts/h3.ttf),
  332. url(res:///system/fonts/DroidSansFallback.ttf),
  333. url(res:///mnt/MOVIFAT/font/h3.ttf),
  334. url(res:///media/flash/fonts/h3.ttf),
  335. url(res:///media/sd/fonts/h3.ttf),
  336. url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
  337. url(res:///../../fonts/h3.ttf),
  338. url(res:///../fonts/h3.ttf),
  339. url(../../../../../h3.ttf),
  340. url(res:///mnt/sdcard/fonts/h3.ttf),
  341. url(res:///fonts/h3.ttf),
  342. url(res:///../../../../Windows/fonts/h3.ttf),
  343. url(‘res:///fonts/normal/h3‘),
  344. url(‘res:///fonts/normal/HuaLi‘),
  345. url(‘res:///fonts/normal/h3 HuaLi‘);
  346. }
  347. @font-face {
  348. font-family: "lanting";
  349. src:
  350. local("方正兰亭刊黑_GBK"),local("方正兰亭黑"),
  351. local("fangzheng"),local("Yuanti SC"),local("Yuanti TC"),
  352. local("MYing Hei S"),local("MYing Hei T"),local("TBGothic"),
  353. url(res:///sdcard/DuoKan/Resource/Font/方正兰亭刊黑_gbk.ttf);
  354. }
  355. @font-face {
  356. font-family: "biaosong";
  357. src:
  358. local("方正小标宋_GBK"),local("方正小标宋"),
  359. url(res:///sdcard/DuoKan/Resource/Font/方正小标宋_gbk.ttf);
  360. }
  361. @font-face {
  362. font-family: "cnepub";
  363. src:
  364. local("方正小标宋_GBK"),local("方正小标宋"),
  365. url(res:///sdcard/DuoKan/Resource/Font/方正小标宋_gbk.ttf);
  366. }

标题与正文


  就通常而言,标题的呈现方式主要有三种,一种是图片(图1.1),第二种是文字(图1.2),第三种是图片与文字(图1.3)
技术分享 图1.1技术分享 图1.2
技术分享 图1.3
  诚然,第一种方式(图片)似乎是最好的,不必拘泥于字体和版式,一张图片搞定。但是这种方式对于像《冰与火之歌》这样很多章节的大部头来说一张一张图片的制作不可谓不麻烦。于是就出现了第三种方式(图片+文字),只需要一张底图,具体标题用文字表达,既达到了审美也方便了制作。至于第二种方式(文字)则更适合网络小说、正文短而章节多的书籍。试想,如果一本800+章的电子书每章不过1000+字每翻几页就跳出来一张章节图……
  下面是一些标题的样式,可自行选择是单放还是图文。(P.S.由于是 Sigil 显示,可能和实际显示即阅读软件或电纸书显示有出入,一般来说阅读软件/电纸书显示效果更好)

标题一:导读资料
代码:
  1. .bt1{
  2. font-family:"ht";
  3. font-size:1.2em;
  4. color:#fff;
  5. border-radius:0.2em;
  6. background-color:#e0c98c;
  7. width:3em;
  8. padding:0.2em;
  9. margin-left:auto;
  10. margin-right:auto;
  11. text-align:center;
  12. }
标题二:技术分享
代码:
  1. h2 {
  2. /*color:pink;*/
  3. margin-bottom:1.8em;
  4. line-height:130%;
  5. text-align: left;
  6. padding: 190px 15px 15px 66px;
  7. page-break-before:always;
  8. font-weight:bold;
  9. font-size:27px;
  10. color: rgb(0, 0, 0);
  11. text-shadow:1px 2px 3.5px #000;
  12. font-family: "微软雅黑","黑体","h2","方正大标宋_GBK","方正大标宋简体","方正大标宋繁体","黑体",sans-serif;
  13. /*text-outline: 2px 2px #ff0000;*/
  14. }
标题三:技术分享
代码:
  1. .h3 {
  2. font-weight: bold;
  3. font-size:1.3em;
  4. color: #985C00;
  5. line-height:130%;
  6. text-decoration:underline;
  7. text-align: right;
  8. text-indent: 0.00em;
  9. adobe-hyphenate: none; hyphens: none; -moz-hyphens: none; -webkit-hyphens: none;
  10. margin-top: 0.00em;
  11. margin-left: 0.00em;
  12. margin-right: 0.00em;
  13. margin-bottom:0.5em;
  14. padding: 5px 5px 5px 5px;
  15. border-width: 0.1em;
  16. border-style: none none solid none;
  17. }
标题四: 第一章 大难不死的男孩
代码:
  1. h4 {
  2. font-family:"方正黑体_GBK";
  3. text-align: left;
  4. margin: 5em 0 5em 0;
  5. padding: 0;
  6. font-size:1.3em;
  7. border:0;
  8. color:#49bbbb;
  9. }

  而对正文的要求,我没有 Oxen(老老老牛)那么严格(老牛认为首行缩进应该是手打两个全角空格而不是 text-indent: 2em )。除却基本标点规范,也无非是首行缩进、段尾空行,最多加个首字下沉/上升罢了。P.S.首字下沉/上升代码取自老牛样式。

正文一:
  1. p1 {
  2. /* 段落 */
  3. display: block;
  4. text-intend: 2em;
  5. margin: 0.7em 0;
  6. }
首字上升:
  1. .initialraise {
  2. color: gray;
  3. font-size:2em;
  4. font-weight:bold;
  5. }
首字下沉:

  1. .initialsinking {
  2. font-size:1.618em;
  3. float:left;
  4. margin:5px;
  5. padding:3px;
  6. text-indent: 0em!important;
  7. }
调用:
  1. <span class="initialsinking "></span>说城里很热闹,笨狼就想去看看。

脚注


  在电子书,尤其是文言文和译本中会对段落中的文字加以说明,这里就要引入脚注了。脚注有同样有三种方式,一是单纯文本调用(图2.1)、二是跳转注释(图2.2)、三是弹窗注释(图2.3)。
技术分享 图2.1
技术分享 图2.2
技术分享 图2.3
  图2.1显示的注释想必是大家都不愿意看到的,尤其是在移动端阅读方面还要翻好几面才能看到注释然后再默默翻页回去。图2.2显示的跳转注释极大地简化了上述情况,只需点一下超链接便能跳转到注释位置。那么更高端的弹窗注释就不用我解释了吧。

脚注支持:
  1. /** 多看 **/
  2. sup img {
  3. line-height: 1.2;
  4. width: 1em;
  5. height: 1em;
  6. margin: 0;
  7. padding: 0em;
  8. vertical-align: text-top;
  9. }
  10. li.duokan-footnote-item {
  11. font-family:"ht","微软雅黑","黑体","zw",sans-serif;
  12. text-align: left;
  13. font-size: small;
  14. line-height: 1.2;
  15. padding: 0px;
  16. }
  17. /** 原生 **/
  18. .footnote {
  19. text-align: justify;
  20. text-indent: 0em;
  21. line-height: 110%;
  22. font-size: 0.85em;
  23. font-family: "zw","宋体","明体","明朝",serif;
  24. }

跳转注释(Kindle原生系统可弹窗注释):
  1. <a id="ref_footnotebookmark_start_1_1"></a><span style=" font-size: 0.75em; vertical-align: super;"><a href="#ref_footnotebookmark_end_1_1">注释编号</a></span>
  1. <p class="P_Footnote" id="ref_footnotebookmark_end_9_1"><span style=" font-size: 0.75em; vertical-align: super;"><a href="#ref_footnotebookmark_start_9_1"></a></span>注释的内容</p>
弹窗注释(多看):
  1. <sup><a class="duokan-footnote" href="#ref_footnotebookmark_end_1_1" id="ref_footnotebookmark_start_1_1"><img alt="" src="../Images/note.png" /></a></sup>
  1. <ol class="duokan-footnote-content">
  2. <li class="duokan-footnote-item" id="a_1_1"><a href="#c_1_1">这里是注释</li>
  3. </ol>
弹窗注释(支持多看/原生):
  1. <sup><a class="duokan-footnote" href="#ref_footnotebookmark_end_1_1" id="ref_footnotebookmark_start_1_1"><img alt="" src="../Images/note.png" /></a></sup>
  1. <ol class="duokan-footnote-content">
  2. <li class="duokan-footnote-item" id="ref_footnotebookmark_end_1_1">
  3. <p class="f"><a href="#ref_footnotebookmark_start_1_1">这里是注释</a>??&#8203;??????</p>
  4. </li>
  5. </ol>

最后


  对于ePub的阅读,个人是非常非常推荐多看的,其原因就是多看的规范支持很多ePub的“特效”,这点可以参考 http://www.miui.com/thread-1960799-1-1.html (多看电子书制作规范)
  几个参考/技巧:
  最后告诉大家 —— 不要因为制作电子书而忘了初衷 —— 看书。



来自为知笔记(Wiz)


Hello , ePub ! —— 个人电子书制作规范及基本样式表

标签:

原文地址:http://www.cnblogs.com/RhinoC/p/4395566.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
分享档案
周排行
mamicode.com排行更多图片
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!