如何優雅地制作精排 ePub —— 個人電子書制作規范及基本樣式表

本文轉載自查看原文 2015-04-06 10:44 9624 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;
 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: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>

 
              1 <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

　　最后告誡大家 —— 不要因為制作電子書而忘了初衷 —— 看書。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 修改EPUB電子書的格式和樣式精益求精， ePub 電子書制作手記 EPUB PDF DOCX格式轉換及主流格式電子書制作終極攻略（內含用WORD制作精美EPUB方法）自定義樣式，使用瀏覽器閱讀epub格式的電子書劍指Offer 電子書 epub和PDF資源 Vue電子書【珍藏】中信出版社經典完整電子書（epub) 合計1950本《你當像鳥飛往你的山》塔拉·韋斯特弗 txt+pdf+epub+mobi 電子書下載人生海海麥家 txt+pdf+epub+mobi 電子書下載中國哲學史馮友蘭 txt+pdf+epub+mobi 電子書下載