如何优雅地制作精排 ePub —— 个人电子书制作规范及基本样式表
随着大数据时代的到来，多种移动阅读终端方兴未艾 —— Amazon Kindle不再小众、各互联网巨头纷纷推出旗下的电子书阅读软件。有了阅读的软件/硬件支持，必不可少的就是阅读什么的问题了。ePub格式一直占据着广大电子书市场，多看、百度阅读等电子书市场所使用的格式都是它，人们也渐渐不满足于单纯的TXT文本阅读和质量低劣的扫描版PDF格式了。下面是我自己对 ePub 电子书制作的理念和规范。
P.S.说什么规范其实也谈不上，也就是一些制作的风格与技巧。
封面
这是个看颜的时代。
封面图最好要是高清的，所谓高清，就是一定不能低于普通电子设备的分辨率（1024x768）。
获取方法：
- 搜索引擎搜索书籍封面+百度识图+谷歌识图
- 亚马逊搜索+亚马逊图片链接 http://z2-ec2.images-amazon.com/images/P/(*商品代码*).01.MAIN._SCRM_.jpg
- iTunes Artwork Finder
.01.MAIN._SCRM_.jpg%EF%BC%89){kind=link}
Kindle 默认是图片全屏的→→，多看需要在 content.opf 的 <spine toc="ncx"> 加上
properties="duokan-page-fullscreen"
基本样式
基本样式包括字体调用、全局页面设置，这里参考了精益制作组制作的《21世纪资本论》：
@page{
margin-bottom:5pt;
margin-top:5pt
}
@font-face {
font-family:"zw";
src:
local("宋体"),local("明体"),local("明朝"),
local("Songti"),local("Songti SC"),local("Songti TC"),
local("Song S"),local("Song T"),local("STBShusong"),local("TBMincho"),local("HYMyeongJo"),
local("DK-SONGTI"),
url(../Fonts/zw.ttf),
url(res:///opt/sony/ebook/FONT/zw.ttf),
url(res:///Data/FONT/zw.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/zw.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/zw.ttf),
url(res:///ebook/fonts/zw.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/zw.ttf),
url(res:///../../media/mmcblk0p1/fonts/zw.ttf),
url(file:///mnt/us/DK_System/system/fonts/zw.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/zw.ttf),
url(res:///abook/fonts/zw.ttf),
url(res:///system/fonts/zw.ttf),
url(res:///system/media/sdcard/fonts/zw.ttf),
url(res:///media/fonts/zw.ttf),
url(res:///sdcard/fonts/zw.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/zw.ttf),
url(res:///media/flash/fonts/zw.ttf),
url(res:///media/sd/fonts/zw.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/zw.ttf),
url(res:///../fonts/zw.ttf),
url(../../../../../zw.ttf),
url(res:///mnt/sdcard/fonts/zw.ttf),
url(res:///fonts/zw.ttf),
url(res:///../../../../Windows/fonts/zw.ttf),
url(res:///fonts/normal/st),
url(res:///fonts/normal/SongTi);
}
@font-face {
font-family:"zw-himalaya";
src:
local("Himalaya"),
local("DK-SONGTI"),
url(../Fonts/zw-himalaya.ttf),
url(res:///opt/sony/ebook/FONT/zw-himalaya.ttf),
url(res:///Data/FONT/zw-himalaya.ttf),
url(res:///opt/sony/ebook/FONT/zw-himalaya.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/zw-himalaya.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/zw-himalaya.ttf),
url(res:///ebook/fonts/zw-himalaya.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/zw-himalaya.ttf),
url(res:///../../media/mmcblk0p1/fonts/zw-himalaya.ttf),
url(file:///mnt/us/DK_System/system/fonts/zw-himalaya.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/zw-himalaya.ttf),
url(res:///abook/fonts/zw-himalaya.ttf),
url(res:///system/fonts/zw-himalaya.ttf),
url(res:///system/media/sdcard/fonts/zw-himalaya.ttf),
url(res:///media/fonts/zw-himalaya.ttf),
url(res:///sdcard/fonts/zw-himalaya.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/zw-himalaya.ttf),
url(res:///media/flash/fonts/zw-himalaya.ttf),
url(res:///media/sd/fonts/zw-himalaya.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/zw-himalaya.ttf),
url(res:///../fonts/zw-himalaya.ttf),
url(../../../../../zw-himalaya.ttf),
url(res:///mnt/sdcard/fonts/zw-himalaya.ttf),
url(res:///fonts/zw-himalaya.ttf),
url(res:///../../../../Windows/fonts/zw-himalaya.ttf),
url(res:///fonts/normal/zw-himalaya);
}
@font-face {
font-family:"fs";
src:
local("仿宋"),local("仿宋_GB2312"),
local("Yuanti"),local("Yuanti SC"),local("Yuanti TC"),
local("DK-FANGSONG"),
url(../Fonts/fs.ttf),
url(res:///opt/sony/ebook/FONT/fs.ttf),
url(res:///Data/FONT/fs.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/fs.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/fs.ttf),
url(res:///ebook/fonts/fs.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/fs.ttf),
url(res:///../../media/mmcblk0p1/fonts/fs.ttf),
url(file:///mnt/us/DK_System/system/fonts/fs.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/fs.ttf),
url(res:///abook/fonts/fs.ttf),
url(res:///system/fonts/fs.ttf),
url(res:///system/media/sdcard/fonts/fs.ttf),
url(res:///media/fonts/fs.ttf),
url(res:///sdcard/fonts/fs.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/fs.ttf),
url(res:///media/flash/fonts/fs.ttf),
url(res:///media/sd/fonts/fs.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/fs.ttf),
url(res:///../fonts/fs.ttf),
url(../../../../../fs.ttf),
url(res:///mnt/sdcard/fonts/fs.ttf),
url(res:///fonts/fs.ttf),
url(res:///../../../../Windows/fonts/fs.ttf),
url(res:///fonts/normal/fs),
url(res:///fonts/normal/FangSong);
}
@font-face {
font-family:"kt";
src:
local("楷体"),local("楷体_GB2312"),
local("Kaiti"),local("Kaiti SC"),local("Kaiti TC"),
local("MKai PRC"),local("MKaiGB18030C-Medium"),local("MKaiGB18030C-Bold"),
local("DK-KAITI"),
url(../Fonts/kt.ttf),
url(res:///opt/sony/ebook/FONT/kt.ttf),
url(res:///Data/FONT/kt.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/kt.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/kt.ttf),
url(res:///ebook/fonts/kt.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/kt.ttf),
url(res:///../../media/mmcblk0p1/fonts/kt.ttf),
url(file:///mnt/us/DK_System/system/fonts/kt.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/kt.ttf),
url(res:///abook/fonts/kt.ttf),
url(res:///system/fonts/kt.ttf),
url(res:///system/media/sdcard/fonts/kt.ttf),
url(res:///media/fonts/kt.ttf),
url(res:///sdcard/fonts/kt.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/kt.ttf),
url(res:///media/flash/fonts/kt.ttf),
url(res:///media/sd/fonts/kt.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/kt.ttf),
url(res:///../fonts/kt.ttf),
url(../../../../../kt.ttf),
url(res:///mnt/sdcard/fonts/kt.ttf),
url(res:///fonts/kt.ttf),
url(res:///../../../../Windows/fonts/kt.ttf),
url(res:///fonts/normal/kt),
url(res:///fonts/normal/KaiTi);
}
@font-face {
font-family:"ktpy";
src:
local("方正楷体拼音字库01"),
local("Kaitipinyin"),local("Kaiti"),local("Kaiti SC"),local("Kaiti TC"),
local("MKai PRC"),local("MKaiGB18030C-Medium"),local("MKaiGB18030C-Bold"),
local("DK-KAITI"),
url(../Fonts/ktpy.ttf),
url(res:///opt/sony/ebook/FONT/ktpy.ttf),
url(res:///Data/FONT/ktpy.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/ktpy.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/ktpy.ttf),
url(res:///ebook/fonts/ktpy.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/ktpy.ttf),
url(res:///../../media/mmcblk0p1/fonts/ktpy.ttf),
url(file:///mnt/us/DK_System/system/fonts/ktpy.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/ktpy.ttf),
url(res:///abook/fonts/ktpy.ttf),
url(res:///system/fonts/ktpy.ttf),
url(res:///system/media/sdcard/fonts/ktpy.ttf),
url(res:///media/fonts/ktpy.ttf),
url(res:///sdcard/fonts/ktpy.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/ktpy.ttf),
url(res:///media/flash/fonts/ktpy.ttf),
url(res:///media/sd/fonts/ktpy.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/ktpy.ttf),
url(res:///../fonts/ktpy.ttf),
url(../../../../../ktpy.ttf),
url(res:///mnt/sdcard/fonts/ktpy.ttf),
url(res:///fonts/ktpy.ttf),
url(res:///../../../../Windows/fonts/ktpy.ttf),
url(res:///fonts/normal/ktpy),
url(res:///fonts/normal/kaitipinyin),
url(res:///fonts/normal/KaiTiPinYin);
}
@font-face {
font-family:"ht";
src:
local("微软雅黑"),local("黑体"),
local("Heiti"),local("Heiti SC"),local("Heiti TC"),
local("MYing Hei S"),local("MYing Hei T"),local("TBGothic"),
local("DK-HEITI"),
url(../Fonts/ht.ttf),
url(res:///opt/sony/ebook/FONT/ht.ttf),
url(res:///Data/FONT/ht.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/ht.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/ht.ttf),
url(res:///ebook/fonts/ht.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/ht.ttf),
url(res:///../../media/mmcblk0p1/fonts/ht.ttf),
url(file:///mnt/us/DK_System/system/fonts/ht.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/ht.ttf),
url(res:///abook/fonts/ht.ttf),
url(res:///system/fonts/ht.ttf),
url(res:///system/media/sdcard/fonts/ht.ttf),
url(res:///media/fonts/ht.ttf),
url(res:///sdcard/fonts/ht.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/ht.ttf),
url(res:///media/flash/fonts/ht.ttf),
url(res:///media/sd/fonts/ht.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/ht.ttf),
url(res:///../fonts/ht.ttf),
url(../../../../../ht.ttf),
url(res:///mnt/sdcard/fonts/ht.ttf),
url(res:///fonts/ht.ttf),
url(res:///../../../../Windows/fonts/ht.ttf),
url(res:///fonts/normal/ht),
url(res:///fonts/normal/HeiTi);
}
@font-face {
font-family:"h1";
src:
local("方正兰亭特黑长_GBK"),local("方正兰亭特黑长简体"),local("方正兰亭特黑长繁体"),
local("LantingTeheichang"),
local("Yuanti"),local("Yuanti SC"),local("Yuanti TC"),
local("MYing Hei S"),local("MYing Hei T"),local("TBGothic"),
local("DK-HEITI"),
url(../Fonts/h1.ttf),
url(res:///opt/sony/ebook/FONT/h1.ttf),
url(res:///Data/FONT/h1.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/h1.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/h1.ttf),
url(res:///ebook/fonts/h1.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/h1.ttf),
url(res:///../../media/mmcblk0p1/fonts/h1.ttf),
url(file:///mnt/us/DK_System/system/fonts/h1.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/h1.ttf),
url(res:///abook/fonts/h1.ttf),
url(res:///system/fonts/h1.ttf),
url(res:///system/media/sdcard/fonts/h1.ttf),
url(res:///media/fonts/h1.ttf),
url(res:///sdcard/fonts/h1.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/h1.ttf),
url(res:///media/flash/fonts/h1.ttf),
url(res:///media/sd/fonts/h1.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/h1.ttf),
url(res:///../fonts/h1.ttf),
url(../../../../../h1.ttf),
url(res:///mnt/sdcard/fonts/h1.ttf),
url(res:///fonts/h1.ttf),
url(res:///../../../../Windows/fonts/h1.ttf),
url('res:///fonts/normal/h1'),
url('res:///fonts/normal/TeHeiChang'),
url('res:///fonts/normal/h1 TeHeiChang');
}
@font-face {
font-family:"h2";
src:
local("方正大标宋_GBK"),local("方正大标宋简体"),local("方正大标宋繁体"),
local("Dabiaosong"),
local("DK-XIAOBIAOSONG"),
url(../Fonts/h2.ttf),
url(res:///opt/sony/ebook/FONT/h2.ttf),
url(res:///Data/FONT/h2.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/h2.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/h2.ttf),
url(res:///ebook/fonts/h2.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/h2.ttf),
url(res:///../../media/mmcblk0p1/fonts/h2.ttf),
url(file:///mnt/us/DK_System/system/fonts/h2.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/h2.ttf),
url(res:///abook/fonts/h2.ttf),
url(res:///system/fonts/h2.ttf),
url(res:///system/media/sdcard/fonts/h2.ttf),
url(res:///media/fonts/h2.ttf),
url(res:///sdcard/fonts/h2.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/h2.ttf),
url(res:///media/flash/fonts/h2.ttf),
url(res:///media/sd/fonts/h2.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/h2.ttf),
url(res:///../fonts/h2.ttf),
url(../../../../../h2.ttf),
url(res:///mnt/sdcard/fonts/h2.ttf),
url(res:///fonts/h2.ttf),
url(res:///../../../../Windows/fonts/h2.ttf),
url('res:///fonts/normal/h2'),
url('res:///fonts/normal/DaBiaoSong'),
url('res:///fonts/normal/h2 DaBiaoSong');
}
@font-face {
font-family:"h3";
src:
local("方正华隶_GBK"),local("方正行黑简体"),local("方正行黑繁体"),
local("Yuanti"),local("Yuanti SC"),local("Yuanti TC"),
local("MYing Hei S"),local("MYing Hei T"),local("TBGothic"),
local("DK-FANGSONG"),
url(../Fonts/h3.ttf),
url(res:///opt/sony/ebook/FONT/h3.ttf),
url(res:///Data/FONT/h3.ttf),
url(res:///opt/sony/ebook/FONT/tt0011m_.ttf),
url(res:///ebook/fonts/../../mnt/sdcard/fonts/h3.ttf),
url(res:///ebook/fonts/../../mnt/extsd/fonts/h3.ttf),
url(res:///ebook/fonts/h3.ttf),
url(res:///ebook/fonts/DroidSansFallback.ttf),
url(res:///fonts/ttf/h3.ttf),
url(res:///../../media/mmcblk0p1/fonts/h3.ttf),
url(file:///mnt/us/DK_System/system/fonts/h3.ttf),
url(file:///mnt/us/DK_System/xKindle/res/userfonts/h3.ttf),
url(res:///abook/fonts/h3.ttf),
url(res:///system/fonts/h3.ttf),
url(res:///system/media/sdcard/fonts/h3.ttf),
url(res:///media/fonts/h3.ttf),
url(res:///sdcard/fonts/h3.ttf),
url(res:///system/fonts/DroidSansFallback.ttf),
url(res:///mnt/MOVIFAT/font/h3.ttf),
url(res:///media/flash/fonts/h3.ttf),
url(res:///media/sd/fonts/h3.ttf),
url(res:///opt/onyx/arm/lib/fonts/AdobeHeitiStd-Regular.otf),
url(res:///../../fonts/h3.ttf),
url(res:///../fonts/h3.ttf),
url(../../../../../h3.ttf),
url(res:///mnt/sdcard/fonts/h3.ttf),
url(res:///fonts/h3.ttf),
url(res:///../../../../Windows/fonts/h3.ttf),
url('res:///fonts/normal/h3'),
url('res:///fonts/normal/HuaLi'),
url('res:///fonts/normal/h3 HuaLi');
}
@font-face {
font-family:"lanting";
src:
local("方正兰亭刊黑_GBK"),local("方正兰亭黑"),
local("fangzheng"),local("Yuanti SC"),local("Yuanti TC"),
local("MYing Hei S"),local("MYing Hei T"),local("TBGothic"),
url(res:///sdcard/DuoKan/Resource/Font/方正兰亭刊黑_gbk.ttf);
}
@font-face {
font-family:"biaosong";
src:
local("方正小标宋_GBK"),local("方正小标宋"),
url(res:///sdcard/DuoKan/Resource/Font/方正小标宋_gbk.ttf);
}
@font-face {
font-family:"cnepub";
src:
local("方正小标宋_GBK"),local("方正小标宋"),
url(res:///sdcard/DuoKan/Resource/Font/方正小标宋_gbk.ttf);
}
标题与正文
就通常而言，标题的呈现方式主要有三种，一种是图片（图1.1），第二种是文字（图1.2），第三种是图片与文字（图1.3）
图1.1
图1.2
图1.3 诚然，第一种方式（图片）似乎是最好的，不必拘泥于字体和版式，一张图片搞定。但是这种方式对于像《冰与火之歌》这样很多章节的大部头来说一张一张图片的制作不可谓不麻烦。于是就出现了第三种方式（图片+文字），只需要一张底图，具体标题用文字表达，既达到了审美也方便了制作。至于第二种方式（文字）则更适合网络小说、正文短而章节多的书籍。试想，如果一本800+章的电子书每章不过1000+字每翻几页就跳出来一张章节图……
下面是一些标题的样式，可自行选择是单放还是图文。（P.S.由于是 Sigil 显示，可能和实际显示即阅读软件或电纸书显示有出入，一般来说阅读软件/电纸书显示效果更好）
标题一：导读资料
代码：
.bt1{
font-family:"ht";
font-size:1.2em;
color:#fff;
border-radius:0.2em;
background-color:#e0c98c;
width:3em;
padding:0.2em;
margin-left:auto;
margin-right:auto;
text-align:center;
}
标题二：
代码：
.bt2 {
/*color:pink;*/
margin-bottom:1.8em;
line-height:130%;
text-align: left;
padding:190px15px15px66px;
page-break-before:always;
font-weight:bold;
font-size:27px;
color: #000000;
text-shadow:1px2px3.5px#000;
font-family:"微软雅黑","黑体","h2","方正大标宋_GBK","方正大标宋简体","方正大标宋繁体","黑体",sans-serif;
/*text-outline: 2px 2px #ff0000;*/
}
标题三：
代码：
.bt1{
font-family:"ht";
font-size:1.2em;
color:#fff;
border-radius:0.2em;
background-color:#e0c98c;
width:3em;
padding:0.2em;
margin-left:auto;
margin-right:auto;
text-align:center;
}
标题四：◎ 第一章 大难不死的男孩
代码：
.bt4 {
font-family:"方正黑体_GBK";
text-align: left;
margin:5em05em0;
padding:0;
font-size:1.3em;
border:0;
color:#49bbbb;
}
而对正文的要求，我没有 Oxen（老老老牛）那么严格（老牛认为首行缩进应该是手打两个全角空格而不是 text-indent: 2em ）。除却基本标点规范，也无非是首行缩进、段尾空行，最多加个首字下沉/上升罢了。P.S.首字下沉/上升代码取自老牛样式。
正文一：
p1 {
/* 段落 */
display: block;
text-intend:2em;
margin:0.7em0;
}
首字上升：
.initialraise {
color: gray;
font-size:2em;
font-weight:bold;
}
首字下沉：
.initialsinking {
font-size:1.618em;
float:left;
margin:5px;
padding:3px;
text-indent:0em!important;
}
调用：
<spanclass="initialsinking ">听</span>说城里很热闹，笨狼就想去看看。
脚注
在电子书，尤其是文言文和译本中会对段落中的文字加以说明，这里就要引入脚注了。脚注有同样有三种方式，一是单纯文本调用（图2.1）、二是跳转注释（图2.2）、三是弹窗注释（图2.3）。
图2.1
图2.2
图2.3 图2.1显示的注释想必是大家都不愿意看到的，尤其是在移动端阅读方面还要翻好几面才能看到注释然后再默默翻页回去。图2.2显示的跳转注释极大地简化了上述情况，只需点一下超链接便能跳转到注释位置。那么更高端的弹窗注释就不用我解释了吧。
脚注支持：
/** 多看 **/
sup img {
line-height:1.2;
width:1em;
height:1em;
margin:;
padding:0em;
vertical-align: text-top;
}
li.duokan-footnote-item {
font-family:"ht","微软雅黑","黑体","zw",sans-serif;
text-align: left;
font-size: small;
line-height:1.2;
padding:0px;
}
/** 原生 **/
.footnote {
text-align: justify;
text-indent:0em;
line-height:110%;
font-size:0.85em;
font-family:"zw","宋体","明体","明朝",serif;
}
跳转注释（Kindle原生系统可弹窗注释）：
<aid="ref_footnotebookmark_start_1_1"></a><spanstyle=" font-size:0.75em; vertical-align:super;"><ahref="#ref_footnotebookmark_end_1_1">注释编号</a></span>
<pclass="P_Footnote"id="ref_footnotebookmark_end_9_1"><spanstyle=" font-size:0.75em; vertical-align:super;"><ahref="#ref_footnotebookmark_start_9_1">①</a></span>注释的内容</p>
弹窗注释（多看）：
<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>
<ol class="duokan-footnote-content">
<li class="duokan-footnote-item" id="ref_footnotebookmark_end_1_1">
<p class="f"><a href="#ref_footnotebookmark_start_1_1">这里是注释</a></p>
</li>
</ol>
弹窗注释（支持多看/原生）：
最后
对于 ePub 的阅读，个人是非常非常推荐多看的，其原因就是多看的规范支持很多 ePub 的“特效”，这点可以参考 http://www.miui.com/thread-1960799-1-1.html （多看电子书制作规范）
几个参考/技巧：
- 使用 Sigil 制作，很棒的软件
- 看到制作精良的电子书可以“盗取”它的样式表
- 遇到不会的多用搜索引擎，搜不到的多去一些技术论坛问（Kindleren、精益制作组、掌阅论坛等）
- 如果是基于 AZW3 制作可以使用 Calibre 的 KindleUnpack 插件而不要使用自带的转换功能
- 使用 Sigil 正则表达式可以省去很多麻烦 http://anipv.info/blog/sigil-regexp-intro
- 使用 Sigil 模版可以快速撸 http://www.jebook.org/bbs/thread-67-1-2.html
- Sigil 视频教程：http://www.soepub.com/discuz/thread-161771-1-1.html
- 知乎上关于 ePub 制作软件的讨论 http://www.zhihu.com/question/19554059
最后告诫大家 —— 不要因为制作电子书而忘了初衷 —— 看书。
如何优雅地制作精排 ePub —— 个人电子书制作规范及基本样式表的更多相关文章
- 自制精排 ePub 集、不定期更新（UPDATA-2015-8-2）
说明 排版不说最好,上乘是必须的. 段落空行 首行缩进 具备清爽元数据 包含高清封面.目录 图片居中,图片标题以下标形式居中位于图片下* 支持多看/Kindle原生系统弹出注释,其他软件跳转注释* 各 ...
- 精益求精， ePub 电子书制作手记
什么是 ePub ePub 是 Electronic Publication 的缩写,意为电子出版,是一个自由的开放标准,属于一种可以“自动重新编排”的内容,也就是文字内容可以根据阅读设备的特性,以最 ...
- 使用 HTML5、CSS3 和 MathML 在 EPUB 3 中制作版式丰富的出版物
探索用于高级排版和印刷的新一代开放电子书标准 EPUB 3.0 是最新的行业标准 XML 电子书格式,它采用了 HTML5 和 CSS3,因而融入了现代 Web 技术.它重点关注 XML 驱动的工具包 ...
- 牛亚男：基于多Domain多任务学习框架和Transformer，搭建快精排模型
导读: 本文主要介绍了快手的精排模型实践,包括快手的推荐系统,以及结合快手业务展开的各种模型实战和探索,全文围绕以下几大方面展开: 快手推荐系统 CTR模型--PPNet 多domain多任务学习框架 ...
- PDF转EPUB格式电子书经验总结
依据本人将PDF转换为EPUB电子书的经验,总结整理了这篇文章.因本人水平有限,难免有错误和不足之处,望大家及时批评指正. 写这篇文章时,假定读者已经会使用文中所列出软件的基本操作,比方如何用No ...
- 4、网页制作Dreamweaver（样式表CSS）
样式表style 制作一个风格统一的网页,需要样式表对颜色.字体等属性的规范,同时也省去在body中多次定义的麻烦,所以一个样式表是必不可少的. 样式表有两种引用的方法:一种是直接写在html的< ...
- Windows PE3.0制作方法(从Win7中提取制作）
Windows PE3.0制作方法(从Win7中提取制作 在d:新建文件夹winpe,在winpe中新建sources.pe3和new文件夹,把附件中提供的工具imagex连文件夹一起放到winpe目 ...
- WPF ScrollViewer(滚动条) 自定义样式表制作 再发一套样式 细节优化
艾尼路 出的效果图 本人嵌套 WPF ScrollViewer(滚动条) 自定义样式表制作 图文并茂 WPF ScrollViewer(滚动条) 自定义样式表制作 (改良+美化) 源代码
- Java 解析epub格式电子书，helloWorld程序，附带源程序和相关jar包
秀才坤坤出品 一.epub格式电子书 相关材料和源码均在链接中可以下载:http://pan.baidu.com/s/1bnm8YXT 包括 1.JAVA项目工程test_epub,里面包括了jar包 ...
随机推荐
- c++ 中文字符串处理方法
转自:http://hi.baidu.com/hehehehello/item/dcc44a4a6afc690e6dc2f08b C++处理中文的问题困扰我很久了.之前一旦遇到中文基本就投诸java怀 ...
- 远程调用WMI安装软件
Invoke-WMIMethod -ComputerName $ip -Credential $cred -path Win32_product -Name Install -ArgumentLi ...
- jeecg团队招新人（5人）
jeecg团队招新人(5人) http://www.jeecg.org/forum.php? mod=viewthread&tid=2046&page=1&extra=#pid ...
- Android6.0动态权限申请步骤以及需要注意的一些坑
因为工作需要,简单研究了一下Android6.0权限申请,在Google提供的sample的基础上,写了一个简单的demo.算是自己的笔记吧,可能会比较混乱,主要是方便以后查看.后期有别的问题,随时更 ...
- Cocos2d-x 程序是如何开始运行与结束的
题记:对于技术,我们大可不必挖得那么深,但一定要具备可以挖得很深的能力 问题的由来 怎么样使用 Cocos2d-x 快速开发游戏,方法很简单,你可以看看其自带的例程,或者从网上搜索教程,运行起 ...
- 用systemtap对sysbench IO测试结果的分析1
http://www.actionsky.com/docs/archives/171 2016年5月6日 黄炎 近期在一些简单的sysbench IO测试中, 遇到了一些不合常识的测试结果. 从结 ...
- LINUX 数据结构 &算法 网络协议 & 网络编程 多任务编程
http://blog.csdn.net/goodluckwhh/article/category/1303091
- ios中@class和 #import，两种方式的讨论
转自:http://blog.sina.com.cn/s/blog_a843a8850101b6a7.html 很多刚开始学习iOS开发的同学可能在看别人的代码的时候会发现有部分#import操作写在 ...
- IPC——消息队列
Linux进程间通信——使用消息队列 下面来说说如何用不用消息队列来进行进程间的通信,消息队列与命名管道有很多相似之处.有关命名管道的更多内容可以参阅我的另一篇文章:Linux进程间通信——使用命名管 ...
- JS分割字符串并放入数组的函数
JS分割字符串并放入数组的函数: var InterestKeywordListString = $("#userInterestKeywordLabel").html(); v ...