Why is this happening?
When you download a file in HTML5 format, and the option Convert custom fonts to SVG is enabled, the text in the downloaded file may be displaced. This occurs because the text box is converted into SVG, and everything outside the text box is cut off.
Troubleshooting Steps
There are a couple of solutions for this issue, such as:
- The optimal solution is to turn off the Convert custom fonts to SVG, which can be found on the Export card after selecting the HTML5 format.
- If you're required to keep the option activated, you can adjust the Line height of your text to ensure all of it's visible. To do this, select the text layer, head to the Properties bar under the Text section, and adjust the Line height as needed.
- Use line breaks using the Enter/Return key rather than compressing the text box by clicking & dragging, which usually causes the text to reposition itself.