디자인을 CSS로 변환

나는 웹 사이트를 도와 준 디자이너가 있습니다. 불행히도 현재로서는 사용할 수 없으므로이 프로젝트를 완료해야합니다. 불행히도 제 CSS는 결과를 디자인과 같이 보이게하지 않습니다. 나는 다음과 같은 HTML을 가지고디자인을 CSS로 변환

<h1>CUSTOMERS WELCOME</h1>

다음과 같이 H1 태그에 대한 나의 CSS는 다음과 같습니다 그들은 H1 태그는 다음과 같은 설정을 사용해야합니다 말을 떠나기 전에

h1 { color:#2D2D2D; font-weight:normal; font-family:Arial; font-size:24pt; letter-spacing:75%; line-height:24px; }

은 디자이너 나에게 메모를 썼다 : 글꼴 - 굴림 , 일반, 24pt, 색상 - 16 진수 : # 2D2D2D, 추적 (문자 간격) 75, 선행 (줄 간격) 24 텍스트가 가득 찼음

무엇이 잘못 되었나요? 내 H1 태그는 디자인의 것보다 커 보이고 굵게 보입니다.

감사합니다.

출처

2011-03-24 Villager

다른 브라우저를 사용해 보셨습니까? 각 브라우저는 다르게 렌더링됩니다. – Dutchie432

당신은

font-size:24pt;

변화 pt

ptpx 포인트 (나는 생각한다) 및 픽셀 px을 의미합니다. 픽셀이 픽셀이기 때문에 더 잘 작동해야합니다, pt 또는 em은 브라우저마다 다를 수 있습니다.

출처

2011-03-24 13:11:59 Christophe

포인트 크기는 브라우저마다 다르며 OS에 따라 다릅니다. 디자이너가 웹 디자인에 익숙하지 않은 것처럼 들리지만 일반적으로 픽셀 측정을 사용하여 일관성을 유지합니다.

24 포인트! = 24 픽셀을 사용하면 단위를 변경하고 동일 할 것으로 기대할 수 없습니다. 내 스크린 샷 (FF Win7)에서 24pt 텍스트의 글꼴은 실제로 21 픽셀 높이입니다. 나는 24PT 대신 24 픽셀을 사용의 font-size를 들어 http://sureshjain.wordpress.com/2007/07/06/53/

출처

2011-03-24 13:11:39

enter image description here

이 차트를 참조하십시오. 포인트는 화면보다 인쇄용으로 많이 사용됩니다.

출처

2011-03-24 13:11:54

디자인을 CSS로 변환

답변

관련 문제