2017-12-15 7 views
1

偶数のフォントサイズにマイナス記号を垂直に配置する方法はありますか? font-size: 16px;には "中心"ピクセルがないため、1pxのハイのマイナス記号が上部または下部になければならないという問題を理解しています。 font-size: 17px;にはセンターがあり、はるかによく見えます。偶数のフォント・サイズで縦方向にマイナス記号を使用しますか?

font-size:16px;

enter image description here

フォントサイズ:17px;

enter image description here

私はそれが限界だけど、一部のユーザーのために、これは間違って見えます。

ここにはexampleがあります。

+0

コード構造を共有できますか? – Roberrrt

+1

ここにjsfiddleがあります:https://jsfiddle.net/x29oescg/ – scipper

答えて

2

問題はセンタリングではなく、中間のフォントの高さ(x-高さ)であると私は思います。あなたは小さなエックスハイト(回)でそのフォントを見ることができます上記のコードでは

<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>

それがより良い中心だタホマ/ MS Pゴシックで、垂直方向の中心の下minusを持っています。

+0

タホマはかなりよく見え、セリフはありません。 – scipper

+0

verdanaのブラウザ/ OSサポートはどうですか?それはデフォルトですか? arialとほぼ同じ幅です。 – scipper

+0

自分自身をアンサーしました:https://www.cssfontstack.com/Verdana – scipper

関連する問題