一千萬個為什麽

搜索

如何讓Epub看起來不錯?



我想在InDesign中設計一本電子書,但我正在努力處理格式。這本書在epub格式中看起來很糟糕。我做了研究,並且我明白流動的文本不會很完美,因為它會由用戶進行調整。

但是,如何在段落之後保持基線像分行符?

除了藍色鏈接,如何使內容頁面看起來不錯?

iPad尺寸是否可以開始設計,或者我會從什麽尺寸開始設計,因為無論如何都會回流?

它將在Kindle和其他在線發布頁面上發布。如果不可能對樣式做任何事情,甚至可以在InDesign中做到這一點?

轉載註明原文: 如何讓Epub看起來不錯?

一共有 2 個回答:

將這個CSS添加到Indesign(這應該是一個文本文件,但我不打算通過它並為每行添加四個空格)

/ * 本文檔是使用Marked.app創建的 http://markedapp.com ,版權所有2011 Brett Terpstra

請在下面留下此通知以及任何額外的信用。

標題:手稿 作者:Brett Terpstra 描述:快遞,雙間隔 * / 身體 {   -webkit-font-smoothing:subpixel-antialiased;   font:normal 1em/2.5em“Courier”,等寬;   保證金:4em 1in 1in 4em;   寬度:自動; }

html > body { font-size: 12pt; }

h1 {   text-align:center;   font-size:2.2857em;   保證金:.6563em 0; }

h2 {   font-size:1.7143em;   保證金:.875em 0; }

h3 {   text-align:center;   font-size:1.5em;   保證金:1em 0; }

h4 {   font-size:1.2857em;   保證金:1.1667em 0; }

h5 {   font-size:1.15em;   保證金:1.3em 0; }

h6 {   font-size:1em;   保證金:1.5em 0; }

body,p,td,div {   顏色:#111111;   font-family:“Courier”,等寬;   單詞包裝:分詞; }

h1,h2,h3,h4,h5,h6 {   顏色:#111111;   font-family:“Helvetica Neue”,Helvetica,Arial,sans-serif;   line-height:1.5em; }

一個 {   顏色:#0d6ea1;   文字修飾:無;   -webkit-transition:顏色0.2s緩出;   -moz-transition:彩色0.2s緩出;   -o-transition:顏色0.2s緩進;   -ms-transition:顏色0.2s緩進;   過渡:顏色0.2s緩進; }   a:懸停{     顏色:#3593d9; }

.footnote {   顏色:#0d6ea1;   font-size:.8em;   vertical-align:super; }

包裝img {

最大寬度:100%;   身高:自動; }

dd {   margin-bottom:1em; }

li > p:first-child { margin: 0; }

ul ul,ul ol {   margin-bottom:.4em; }

caption,col,colgroup,table,tbody,td,tfoot,th,thead,tr {   border-spacing:0; }

表{   border:1px solid rgba(0,0,0,0.25);   邊界崩潰:崩潰;   顯示:表格;   空單元格:隱藏;   margin:-1px 0 23px;   填充:0;   表格布局:固定; }

標題{   display:table-caption;   font-weight:700; }

col {   顯示:表列; }

colgroup {   display:table-column-group; }

tbody {   display:table-row-group; }

tfoot {   顯示:table-footer-group; }

thead {   display:table-header-group; }

td,th {   display:table-cell; }

tr {   顯示:表格行; }

表th,表td {   填充:0 1em; }

表thead {   背景:rgba(0,0,0,0.15);   border:1px solid rgba(0,0,0,0.15);   border-bottom:1px solid rgba(0,0,0,0.2); }

table tbody {   背景:rgba(0,0,0,0.05); }

表tfoot {   背景:rgba(0,0,0,0.15);   border:1px solid rgba(0,0,0,0.15);   border-top:1px solid rgba(0,0,0,0.2); }

圖{   顯示:inline-block;   位置:相對;   保證金:1em 0 2em; }

figcaption {   font-style:italic;   text-align:center;   背景:白色;   顏色:#666666;   位置:絕對;   左:0;   底部:-24px;   寬度:98%;   填充:1%;   -webkit-transition:全部0.2s緩和;   -moz-transition:全部0.2s緩進;   -o-transition:全部0.2s緩進;   -ms-transition:全部0.2s緩進;   轉型:全部0.2s緩出; }

figure:hover > figcaption { /* background: rgba(0,0,0,1) */ }

.poetry pre {   顯示:塊;   font-family:格魯吉亞,加拉蒙德,serif!重要;   font-style:italic;   margin-left:1em; }   .poetry pre code {     font-family:格魯吉亞,加拉蒙德,serif!重要;     文字中斷:全部打破;     斷字:斷字;     / *非標準的webkit * /     -webkit-hyphens:auto;     -moz-hyphens:auto;     連字符:auto;     白色空間:預包裝; }

blockquote p {   text-indent:0;   font-style:italic; }

sup,sub,a.footnote {   font-size:1.4ex;   身高:0;   line-height:1;   位置:相對;   vertical-align:super; }

sub {   vertical-align:sub;   top:-1px; }

blockquote + p {   保證金:0;   text-indent:0;   }

h2 + p {   保證金:0;   text-indent:0;   }

p,h5 {   保證金:0;   文本縮進:1.5em;   }

dt,th {   font-weight:700; }

表tr:第n個孩子(單數),第th:第n孩子(奇數),表td:第n孩子(奇數){   背景:rgba(255,255,255,0.06); }

表tr:第n個孩子(偶數),表td:第n孩子(偶數){   背景:rgba(200,200,200,0.25); }

@media print {   身體 {     溢出:自動; }

img,pre,blockquote,table,figure {     page-break-inside:avoid; }

p {     page-break-inside:auto; }

#wrapper {     背景:白色;     顏色:#303030;     填充:10px;     位置:相對;     text-indent:0; }} @media屏幕{   。倒轉{     背景:#252a2a; }     .inverted #wrapper {       背景:#252a2a; }     .inverted hr {       邊框顏色:#333f40!重要; }     .inverted p,.inverted td,.inverted li,.inverted h1,.inverted h2,.inverted h3,.inverted h4,.inverted h5,.inverted h6,.inverted pre,.inverted code,.inverted th,.inverted .math,.inverted標題,.inverted dt,.inverted dd {       顏色:#eeeeee; }     。倒轉表{       背景:無; }       。倒轉表tr:第n個子(奇數),倒轉表td:第n個子(奇數){         背景:無; }     。倒過來了{       顏色:#acd1d5; }

::選擇{     背景:rgba(157,193,200,0.5); }

h1 ::選擇{     background-color:rgba(45,156,208,0.3); }

h2 ::選擇{     background-color:rgba(90,182,224,0.3); }

h3 :: selection,h4 :: selection,h5 :: selection,h6 :: selection,li :: selection,ol :: selection {     background-color:rgba(133,201,232,0.3); }

code :: selection {     background-color:rgba(0,0,0,0.7);     顏色:#eee; }

代碼跨度::選擇{     background-color:rgba(0,0,0,0.7)!重要;     顏色:#eee!重要; }

一個選擇 {     background-color:rgba(255,230,102,0.2); }

.inverted a :: selection {     background-color:rgba(255,230,102,0.6); }

td :: selection,th :: selection,caption :: selection {     background-color:rgba(180,237,95,0.5); }}

Indesign的主要優點是它可以讓你發布一個可以導出為電子書格式的打印版本。

對於電子書設計,你必須處理閱讀系統的局限性 - 尤其是Kindle。

作為第一步,它可能有助於直接訪問您想要設計的設備,以便用於測試。對我而言,我使用了3年前的Kindle,最近的iPhone,較舊的iPad,安卓平板電腦(以及這些設備上的各種閱讀軟件)。

我已經使用CSS媒體查詢來使我的樣式表適應不同的維度。如果您正在嘗試使用設計強大的圖書,則可能會發現只需聲明此電子書最適合在iPad(或某些尺寸)的平板電腦上查看即可。

另一個選擇是創建一個固定的布局電子書(請參閱亞馬遜Kindle發布指南了解信息關於那個)。

格式化圖片較重的書可能會帶來挑戰。盡量讓它盡可能簡單。

我出於各種原因避免了InDesign,但我知道許多ID粉絲在這裏閑逛。 http://epubsecrets.com/ 您可能會發現這個是有用的:“每個設備的可用字體列表”