2017-12-15 5 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 높이)로 생각됩니다. 당신은 작은 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>

는 더 나은 중심에있어 굴림/굴림에서 수직 중심 아래 minus 있습니다.

+0

타호 마 (Tahoma)는 꽤 좋아 보이며 세리프는 무료입니다. – scipper

+0

verdana의 브라우저/OS 지원은 어떻습니까? 기본값입니까? 그것은 arial과 거의 같은 너비가 있습니다. – scipper

+0

답변 됨 : https://www.cssfontstack.com/Verdana – scipper

관련 문제