如何优雅地制作精排 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

　　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;
 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;
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:0;
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>

弹窗注释（支持多看/原生）：

　　参见另一篇博文：http://www.cnblogs.com/RhinoC/p/4004722.html

最后

　　对于 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

　　最后告诫大家 —— 不要因为制作电子书而忘了初衷 —— 看书。

相关阅读:
在线加密解密
 ctcms Nginx 伪静态
 iTem2 保持连接，解决ssh的"Write failed: Broken pipe"问题
 打开窗口弹出页面
 点击弹窗
 javascript 技巧
 使用Chrome工具来分析页面的绘制状态
 jquery结合JSONP教程—明河谈jquery
使用 JSONP 实现跨域通信，第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup
jsonp详解
原文地址：https://www.cnblogs.com/RhinoC/p/4395566.html