The trademark symbol looks small on the main font, so we need to apply a different font for that character using @font-face{ unicode-range }. We got the trademark symbol correct, but the overline and the line-spacing are affected.
I've created a sample demo file to demonstrate the issue, kindly let me know if there is any workaround?
@font-face {
font-family: ARNO;
src: local("ArnoPro-Subhead");
}
@font-face {
font-family: STIX;
unicode-range: U+AE-AE;
src: local("STIXGeneral");
}
body {
font-size: 11pt;
line-height: 1.2;
text-align: justify;
text-justify: inter-word;
hyphens: manual;
}
.arno{
font-family: ARNO;
}
.stix{
font-family: STIX, ARNO;
}
.overline{
text-decoration: overline;
}
<div class="arno">we get correct overline and line-spacing</div>
<div class="stix">But for stix font the overline and line-spacing changed.</div>
I've created a sample demo file to demonstrate the issue, kindly let me know if there is any workaround?
Edited by mikeday