Solution for increased line spacing on text superscript/subscript
A typical behaviour of HTML editors is that they increase the line spacing when text superscript or subscript is applied.
In the sample text below, observe that the superscript on "2" increases line spacing to the previous line of text, and the subscript on "3" does the same to the next line:
In Web Manuals, a solution for that is the following custom CSS applied to the design. For clarification, the "0.85em" applied to font size means that when subscript or superscript is applied, the resulting text will be 15% smaller than the default font size you have on your design, which I believe is a good proportion.
Now in text format:
sup {
line-height: 0;
font-size: 0.85em;
vertical-align: super;
}
sub {
line-height: 0;
font-size: 0.85em;
vertical-align: sub;
}If you're not familiar with custom CSS, or if you don't feel comfortable adding it yourself, I recommend asking Web Manuals' support team to add it for you. If you are confident to add it yourself, a good practice is first to use it in a test design and check the results.
To illustrate, see how the sample text is presented when the custom CSS is used and note that there is no increased line spacing:
Cheers!
2
Comments
Hi Bruno Quadros Rodrigues,
Thank you for sharing your knowledge with other users, I am sure everyone will appreciate it!
Note: Custom CSS is only accessible through the Power Designer, contact your CSR if you are interested in purchasing it.
Please sign in to leave a comment.