2012-02-08 50 views
1

我有一個使用InDesign 5.5創建的EPUB,並且試圖在iPad上使用內置的Futura。 H1和H2標籤在iBooks 2.0.1中正確呈現,但P標籤和類默認爲Times Roman。我已經嘗試了samp hack,但沒有運氣。這裏有一個例子:P標籤在iBooks 2.0.1中無法正確顯示

p.Narrative-Body { 
font-family : Futura, Arial, sans-serif; 
font-weight : normal; 
font-style : normal; 
font-size : 1em; 
font-variant : normal; 
line-height : 1.6; 
text-align : left; 
color : #000000; } 

和這裏的HTML:

<p class="Narrative-Body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sapien lorem, semper ac tempus quis, imperdiet quis dui. Morbi sed sollicitudin elit.</p> *Real copy covered by non-disclosure.* 

找不到的電子生產基地的任何答案,我重新安裝iBooks的。同樣的問題。但是,它在ADE中正常工作,Safari和Calibre正確顯示sans-serif。 在此先感謝!


我們正在取得進展!我添加了com.apple xml文件並將我的主體樣式映射到p標籤。現在他們顯示Futura,但前提是它們是直的p標籤或帶有跨度的p標籤(用於運行文本)。帶有班級的P標籤仍然不使用Futura。就像測試一樣,我在html和css中使類名小寫,但仍然沒有運氣。下面是修改後的HTML:

<p><span class="Quote-RunIn">「Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.」 </p> 

的CSS現在是:

p { 
font-family: Futura, Arial, sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size: 1em; 
font-variant: normal; 
line-height: 1.6; 
text-align: left; 
margin: 0 0 1em 0; 
orphans: 2; 
widows: 2; 

}

娜塔莎,因爲我不使用SAMP標籤,我應該指定FONT-FAMILY在p標籤,對吧?

+0

您是否嘗試刪除屬性和:之間的空格。 「font-family:」而不是「font-family:」我從來沒有見過任何人寫過這樣的CSS。 – thenetimp 2012-02-08 22:25:03

+0

是否還有其他可以爲'p'元素設置'font-family'的樣式表? – 2012-02-08 23:15:06

+0

謝謝你們,但不幸的是,這些建議沒有奏效。 @thenetimp在導出到EPUB時,InDesign 5.5在冒號前插入該空格,不知道原因。 – 2012-02-09 18:50:37

回答

2

您的META-INF中是否有com.apple.ibooks.display-options.xml文件?它應該有:

<?xml version="1.0" encoding="UTF-8"?> 
<display_options> 
<platform name="*"> 
<option name="specified-fonts">true</option> 
</platform> 
</display_options> 

這可能只是嵌入字體所必需的;我忘了。對不起,哈哈!讓我知道這是否適合你!


沒錯。 font-family在p標籤內不起作用,儘管它在h標籤內工作。你想在p標籤中取出字體系列。這樣做:

p.Narrative-Body { 
font-weight : normal; 
font-style : normal; 
font-size : 1em; 
font-variant : normal; 
line-height : 1.6; 
text-align : left; 
color : #000000; } 
samp { font-family : Futura, Arial, sans-serif; } 

的標記應該是:

<p class="Narrative-Body"><samp>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sapien lorem, semper ac tempus quis, imperdiet quis dui. Morbi sed sollicitudin elit.</samp></p> 

請注意,您還需要我在你的META-INF文件夾之前提到的文件。

這絕對有效;如果你發現它沒有,那麼可以運行CSS和Markup驗證器,看看是否還有其他干擾?

祝你好運!

+0

感謝娜塔莎,但不幸的是,它並沒有幫助。我認爲這只是針對嵌入式字體。 – 2012-02-09 18:49:17

-1

說德里克·舒爾茨,在twitter上@dvsch:

不能ePub格式說話,但在HTML,不會因爲驗證類需要啓動瓦特/小寫字母。

+0

該信息錯誤:類名稱必須以字母[a-zA-Z]開頭,但對大寫或小寫沒有限制(請參閱http://stackoverflow.com/a/79022/22114)。 – Treb 2012-03-26 09:31:47

1

您絕對需要在META-INF中指定-fonts = true的Apple顯示選項文件。此設置適用於所有指定的字體 - 嵌入式和系統。

p {FONT-FAMILY:富利;}是好的語法 - 它會在iBooks的工作。

如果您有機會獲得iPhone模擬器,拖動XHTML文件到Safari在仿真和測試有 - 有時它的資本左右,等這就是說挑剔,大寫類是沒有問題的。

祝你好運!

1

好吧,我得到它的工作,感謝大家的幫助。添加蘋果顯示選項文件沒有辦法。我希望Adobe在未來的更新中找到一種自動生成此文件的方法。我最終在p標籤中留下了font-family屬性,因爲這是InDesign生成它的原因。既然它在工作,我想,爲什麼試探命運?

BTW,iBooks的似乎兌現在最新版本的IMG寬度的標籤。