Note: 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.
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.
Make sure all of the relevant fonts are included in the InDesign package and that you're only using static fonts:
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:
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):
Make sure to use the "Adobe Single-line Composer" 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):
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):
