Html exported from InDesign question

Question

I have an InDesign document that I exported to html, opened in Dreamweaver and previewed in a browser and it looks great except that the font in the InDesign document does not display. Obviously my desktop does not have this font installed but the fonts are part of the InDesign package folder. I open the css to the doc in DW and see the fonts are in the CSS and need to know how can I attache those fonts to the html files and upload to a server so when someone views the link to the doc the original fonts display.

any help?

R

Jon Fritz · Accepted Answer

If the fonts are licensed for use on the web, you would use the @font-face rule in css to get them to display in browsers on machines that don't have the font installed...

CSS3 @font-face Rule

You then upload the font file(s) to your website so your page can reference them for the viewer.

If they're not licensed for use online, you should be able to find a similar font using http://fonts.google.com and link to them using the "Standard Embed" code at the top of your page, just before your external css link.

rayek.elfin · Answer

Alternative option: use the "publish online" option in InDesign, and open the result in Firefox. Right-mouse click on the page, and select "This Frame-->Show Only This Frame". Now save the page as html.

Fonts are rendered as encrypted SVG files - they will not display correctly offline (Adobe's servers scramble the SVGs). To fix this, open each "text" image individually with right-mouse click "view image", and replace the broken versions with the new working versions.

You will now have a perfect html version of your InDesign page. The type will look identical to the original. If you rely on the browser's font rendering it may not look the same as the original design, even with the correct typefaces installed.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded