Tools, FAQ, Tutorials:
3Pigs7-3.1.epub - Apply CSS File
How to add CSS file to my EPUB book?
✍: FYIcenter.com
You can follow this tutorial to add a CSS file to your EPUB 3.1 book.
1. Create a CSS file, Styles.css, to control display styles of all XHTML pages:
body {font-family: "Arial";} pre {padding: 0px 25px 0px 25px; font-family: "Arial"; font-style: italic; font-size: 14pt;} figure {text-align: center;}
2. Add Styles.css to all XHTML content files. For example,
<?xml version="1.0" encoding="utf-8"?> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>The Third Pig</title> <link rel="stylesheet" href="/Styles.css" type="text/css"/> </head> <body> <h3>The Third Pig</h3> ...
3. Add Styles.css to package.opf:
... <manifest> ... <item id="Copyright" href="/Copyright.xhtml" media-type="application/xhtml+xml"/> <item id="Figure-1" href="/The-Three-Little-Pigs-by-J-Jacobs.png" media-type="image/png"/> <item id="Styles" href="/Styles.css" media-type="text/css"/> </manifest> ...
ZIP all files together to created 3Pigs7-3.1.epub.
Now open 3Pigs7-3.1.epub in Calibre and go to "pre" section.
You see the "pre" lines are displayed differently:
⇒ Introduction of EPUB 3.2 Specification
⇐ 3Pigs6-3.1.epub - XHTML pre Element
2018-12-26, 1700👍, 0💬
Popular Posts:
What Is session_register() in PHP? session_register() is old function that registers global variable...
How To Protect Special Characters in Query String in PHP? If you want to include special characters ...
How to use "{{...}}" Liquid Codes in "set-body" Policy Statement? The "{{...}}" Liquid Codes in "set...
How to detect errors occurred in the json_decode() call? You can use the following two functions to ...
Where is API Management Service on my Azure Portal? If your IT department has signed up for an Azure...