2012-06-22 3 views
2

상자 안의 일부 기호를 세로로 가운데에 놓으려고합니다. 하지만 심볼이 수직으로 OSX와 윈도우 여기 세로 정렬 텍스트 Mac 및 PC

난 당신이 X는 수직으로 윈도우의 중심에 있음을 알 수 있습니다 문제를 http://dabblet.com/gist/2971548

을 입증하기 위해 만든 아주 간단한 예는 모두 정렬 할 수 없습니다 OS X에는 없습니다. 이 문제를 해결하는 방법은 무엇입니까?

+0

상자 안의 기호를 세로로 가운데에 놓을 수 없다는 것을 의미합니까? – djangodude

+0

예. PC에서 심볼이 수직으로 정렬되어 있지만, Mac에서는 그 숫자 2 또는 3px가 – Pierre

+0

입니다. http://dabblet.com/gist/2971548을 확인하십시오. 이미지를 유일한 해결책으로 사용하고 있습니까 ?? – Pierre

답변

6

Mac OS X와 ​​Windows에서 나타나는 차이점은 두 가지 글꼴이 사용 중이며 특정 기호가 기준선에 비해 높이가 다르기 때문입니다. 세로 가운데 맞춤은 문자열의 문자가 아닌 글꼴을 중심으로합니다.

CSS 글꼴 스택은 "Helvetica Neue, Helvetica, Arial, sans-serif"를 지정합니다. Mac OS X에서는 Helvetica Neue가 사용됩니다. Windows에서 Helvetica Neue는 (보통) 존재하지 않으며 Helvetica도 아니므로 Arial을 거의 확실히 사용하고 있습니다. 이 글꼴을 사용할 수없는 다른 플랫폼에서도 여전히 다른 결과를 얻을 가능성이 있습니다.

다음 연결된 그래픽은 두 개의 글꼴이 겹쳐진 기호를 공통 기준선으로 표시합니다. Helvetica Neue는 빨간색입니다. 굴림은 녹색입니다. 당신은 아주 명확 헬 베티 뉴의 기호 굴림에 비해 상당히 낮다는 것을 알 수 있습니다 :

comparison of plus signs

comparison of multiplcation signs

여기에 가장 좋은 수정을 보장하기 위해 @ 글꼴 얼굴 글꼴을 사용하는 것입니다 정확히 동일한 폰트가 (모든) 플랫폼 모두에서 사용되고 있습니다. 이를 위해 글꼴 데이터를 제공하는 무료 및 상업용 서비스가 많이 있습니다. 특정 응용 프로그램에 가장 적합한 것이 무엇인지 찾아보고 결정하기 위해 귀하에게 맡깁니다.

+0

귀하의 매우 detailled 응답을 주셔서 감사합니다 – Pierre

+0

@ 피에르,이 솔루션에 사용하는 서비스? –