Exporting to HTML5 from InDesign pt3

0800 156 0777

Exporting to HTML5 from InDesign pt3

Running on from my last post, where I was using the excellent in5 plugin for exporting to html5, I wanted to mention a couple of the options within the export panels. The first is the text rendering setting.This is in the Basic area of the export panel, and previously I had set this to Images (preserves exact appearance). This means that the titles that I used looked right, but were images… 

 

text render 1

text render 1

But look what happens when I set this to HTML with local font embedding (where possible)… 

 

text render 2

text render 2

The heading is text, it can be highlighted, and it is in the font that you chose from within InDesign. Here is what the css looks like…

 

css custom font styling

css custom font styling

Lovely! However be careful, this means that the font you choose from within InDesign will actually be downloaded onto the viewer's machine - this is a breach of copyright for a lot fonts. So only do this if the font you are using is open source. Google has a good list of open source fonts, as does font squirrel, and dafont.com. However always make sure that the license allows you to use it how you wish. If you cannot find a license, do not use the font.

Another nice feature is the ability to mark this page and its contents as things that need to be cached for offline viewing. When exporting with in5 go to the advanced options and set the Application cache to Cache all. Then click done and look at the result… 

 

cache manifest file

cache manifest file

 

html cache setting

html cache setting

 

In the next post on this subject I will talk about the Baker ebook format and how the in5 plugin helps you.