Skip to main content
All CollectionsDigital & Print TemplatesFAQ
Digital & Print Templates for InDesign: Why does text look different in edit mode than view mode/the final output
Digital & Print Templates for InDesign: Why does text look different in edit mode than view mode/the final output
Updated over a week ago

Notes:

  • The view mode won't automatically update after you make changes. You might need to click "Refresh previews" at the bottom left of your screen to see your latest changes.

  • Certain text features from InDesign aren't supported (see here).

The edit mode for Frontify's Digital & Print Templates reproduces the settings from InDesign in a browser-based WYSIWYG editor. There are many factors that influence the look of your text in this editor. In order to ensure that it matches the final output (which you can see in the view mode), follow these steps when creating your templates with InDesign.

  1. Make sure all of the relevant fonts are included in the InDesign package and that you're only using static fonts:

  2. Make sure you're using paragraph/character styles and all manual overrides have been cleared:

    You can use InDesign's "Style Override Highlighter" to check for any manual overrides:

  3. Make sure hyphenation is turned off on all of your paragraph styles (the browser hyphenates differently than InDesign and therefore the required space for text might not match):

  4. Make sure to use the "Adobe Single-line Composer" (resp. Adobe World-Ready Single-line Composer in case of e.g. Arabic) for all of your paragraph styles (this defines when text is placed on the next line and the single-line composer ensures that line breaks in edit mode match line breaks in the final output/view mode):

  5. Make sure to use metric kerning for all of your paragraph/character styles (edit mode will always use metric kerning, so this avoids any issues with text requiring more space than expected in the final output/view mode):

Did this answer your question?