如何优雅地制作精排 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包 ...
随机推荐
- maven中如何打包源代码
http://yanghaoyuan.iteye.com/blog/2032406 使用Maven对项目部署太方便了,特别是依赖关系,最近学习使用Maven,为了备忘和技术的分享特意注册个账号记录到博 ...
- 【M27】要求或者禁止对象产生于heap之中
1.要求对象只能产生于heap之中,该怎么办? 栈上的对象肯定调用构造方法和析构方法(离开作用域的时候),因此,要求对象只能产生于heap之中,也就是禁止栈上产生对象,解决办法有两种:将所有的构造方法 ...
- PS-文字如何竖排版
单击文字输入工具“T”按钮,点住鼠标左键不要松手,会在“T”按钮的右边显示出其它形式的文字工具,拖动鼠标指向“直排文字”工具就可以了.
- Linux下安装MySQL数据库以及用C语言编程存取数据库
ubuntu下安装软件相当简单,一条简单的 apt-get install 就可以解决,相比源码安装方式唯一的缺点就是,你无法自定义软件的安装目录.不过这也不是什么太大的缺点.下面我们就用 apt-g ...
- poj 1845(等比数列前n项和及高速幂)
Sumdiv Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 13959 Accepted: 3433 Descripti ...
- MyEclipse7.0破解下载
MyEclipse7.0 下载地址:downloads.myeclipseide.com/downloads/products/eworkbench/7.0M1/MyEclipse_7.0M1_E3. ...
- Android游戏框架之基础之AA碰撞系统
AA 碰撞体 就是将所有的物体设置为矩形框进行碰撞计算.下面是代码 /* * Copyright (C) 2010 The Android Open Source Project * * Licens ...
- 你真的会使用SQL Server的备份还原功能吗？之二：主要备份类型
假设在下面几个时间段中,一个数据库积累插入了如下数据: 1.完整数据库备份 故名思意,完整数据库备份包括完整的数据库信息.它包括数据库的数据文件和备份结尾的部份活动事务日志. 完整备份基本语法如下: ...
- 用SecureCRT来上传和下载数据
借助securtCRT,使用linux命令sz可以很方便的将服务器上的文件下载到本地,使用rz命令则是把本地文件上传到服务器. 其中,对于sz和rz的理解与记忆我用了如下的方法(很多时候容易搞混): ...
- 文件系统缓存dirty_ratio与dirty_background_ratio两个参数区别
这两天在调优数据库性能的过程中需要降低操作系统文件Cache对数据库性能的影响,故调研了一些降低文件系统缓存大小的方法,其中一种是通过修改/proc/sys/vm/dirty_background_r ...