如何优雅地制作精排 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包 ...
随机推荐
- jQuery Attributes vs. Properties
Attributes vs. Properties attributes和properties之间的差异在特定情况下是很重要.jQuery 1.6之前 ,.attr()方法在取某些 attribute ...
- CSS(04) 定位
布局常用的三种:标准流.定位.浮动: 1.文档流-标准流 窗体自上而下分成一行行(元素在 (X)HTML 中的位置),并在一行行中从左到右排放元素: 2.CSS 定位 Position 属性(绝对定位 ...
- 【绝密外泄】风哥Oracle数据库DBA高级工程师培训视频教程与内部资料v0.1
[绝密外泄]风哥Oracle数据库DBA高级工程师培训视频教程与内部资料v0.1 由于是[绝密外泄]资料,防止被查,需要的小伙伴赶紧下载附件中的课件文档.由于视频太大了,已放在百度网盘了,已经在附中说 ...
- Linux 基本权限(一)
1. 权限概念 root@hang:/home# ll 总用量 20#文件权限 链接数量 文件所有者 所属用户组 容量大小B 创建(修改)时间 文件名 drwxr-xr-x root root 11月 ...
- head first-----------adpter pattern
head first-----------------深入浅出适配器模式 适配器模式:将一个类的接口,转换成客户想要的另外一个接口,适配器然原本接口不兼容的类可以合作无间.从而可以不用更改旧 ...
- IDA Script: Remove empty auto labels
http://simeonpilgrim.com/blog/2010/03/25/ida-script-remove-empty-auto-labels/ #include <idc.idc&g ...
- CSS实现标题右侧“更多”
HTML < h2>< a h ref="#" >标题< /a> < span>更多…< /span> < /h2 ...
- jquery 新建的元素事件绑定问题
js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现.而事件监听不是,你必须给每一个元素单独绑定事件. 常见的例子是处理表格的时候.每行行末有个删除按钮, ...
- Codeforces Round #306 (Div. 2) A. Two Substrings 水题
A. Two Substrings Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/550/pro ...
- MPI编程简单介绍
第三章MPI编程 3.1 MPI简单介绍 多线程是一种便捷的模型,当中每一个线程都能够訪问其他线程的存储空间.因此,这样的模型仅仅能在共享存储系统之间移植.一般来讲,并行机不一定在各处理器之间共享存储 ...