如何讓字體在EPUB中工作？

Question

我正在幫助我的朋友爲她的一個班級學習「混音小說」。基本上，我們必須將樣式和內容添加到經典文本中，並將其捆綁爲epub，以便可以通過電子閱讀器進行閱讀。我認爲一切都正確保存在文件夾中，似乎是正確編碼的。當我將代碼放入控制檯時，它可以在我的Tumblr上運行，但是當我嘗試直接用Firefox打開XHTML時，它不顯示我的字體或樣式，就好像它沒有正確鏈接到樣式表。下面是screencaps是什麼樣子，它應該是什麼樣子：http://imgur.com/a/bBhY6

該文件夾用我所有的HTML和東西在它可以在這裏找到：https://dl.dropboxusercontent.com/u/95719489/Sherlock%20Holmes.zip

在此先感謝您的幫助！

Answer 1

CSS文件有一些錯誤。使用W3C CSS Validator找到它們。例如，在@font-face規則之後，您有一條沒有任何選擇器的規則。

其次，因爲XHTML文件爲真正的XHTML（XML）處理，標籤名稱是區分大小寫的：p和P有不同的標記名稱，因此CSS代碼應使用p（XHTML的標籤名），不P。

請注意，通常不應期望epub讀取器支持@font-face。他們可能會，或者他們可能不會。還要注意，當視口狹窄時（例如，在典型的袖珍設備中），text-align:justify容易導致災難性結果。