2017-12-15 3 views
1

Gibt es eine Möglichkeit, ein Minuszeichen vertikal auf gleichmäßige Schriftgrößen zu zentrieren? Ich verstehe das Problem, dass es auf font-size: 16px; kein "Zentrum" -Pixel gibt, deshalb muss das 1px hohe Minuszeichen im oberen oder unteren Teil sein. Auf font-size: 17px; gibt es ein Zentrum, und es sieht viel besser aus:Vertikal in der Mitte Minuszeichen auf gerade Schriftgröße?

Schriftgröße: 16px;

enter image description here

font-size: 17px;

enter image description here

Ich weiß, es marginal ist, aber für einige Nutzer, das sieht falsch.

Hier ist ein example.

+0

Können Sie Ihre Codestruktur teilen? – Roberrrt

+1

Hier ist ein jsfiddle: https://jsfiddle.net/x29oescg/ – scipper

Antwort

2

Das Problem ist nicht in der Zentrierung, aber in der mittleren Schrifthöhe (x-Höhe), denke ich.

<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 dem obigen Code Sie diese Schriftart mit kleiner x-Höhe (mal) sehen können, hat ein minus unter der vertikalen Mitte, in tahoma/verdana es besser zentriert ist.

+0

Tahoma sieht ziemlich gut aus, und serif frei. – scipper

+0

Was ist mit der Browser/OS-Unterstützung von verdana? Ist es ein Standard? Es hat fast die gleiche Breite wie Arial. – scipper

+0

Beantwortete mich: https://www.cssfontstack.com/Verdana – scipper

Verwandte Themen