Issue
Is there a way to vertically center a minus sign on even font sizes? I understand the problem, that on font-size: 16px; there is no "center" pixel, therefore the 1px high minus sign has to be in the upper or lower part. On font-size: 17px; there is a center, and it looks much better:
font-size: 16px;
font-size: 17px;
I know it's marginal, but for some users, this looks wrong.
Here is an example.
Solution
The problem isn't in centering, but in the middle font height (x-height), I think.
<P style="font-family: arial; font-size: 17px;">ABC-DEF</P>
<P style="font-family: times; font-size: 17px;">ABC-DEF</P>
<P style="font-family: georgia; font-size: 17px;">ABC-DEF</P>
<P style="font-family: cambria; font-size: 17px;">ABC-DEF</P>
<P style="font-family: opensans; font-size: 17px;">ABC-DEF</P>
<P style="font-family: tahoma; font-size: 17px;">ABC-DEF</P>
<P style="font-family: verdana; font-size: 17px;">ABC-DEF</P>
In the code above you can see that font with small x-height (times) has a minus under the vertical center, in tahoma/verdana it's centered better.
Answered By - pavel


0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.